Visual Indicator after "Enable WCAG 2.2 AA compliant UI for Universal Login" Flag Enabled

Knowledge Articles
1

Overview

This article explains how to visually validate that Web Content Accessibility Guidelines (WCAG) 2.2 AA is enabled after toggling on the “Enable WCAG 2.2 AA compliant UI for Universal Login” flag.

Applies To

  • Universal Login
  • Web Content Accessibility Guidelines (WCAG)

Cause

Solution

There are two ways of checking the enablement.

  1. Submit an empty login form to see the tooltip errors (non-WCAG) or inline ones (WCAG).

    • Enable WCAG 2.2 AA compliant UI for Universal Login: OFF → The tooltip error
    • Please fill out this field* is displayed.
    • Enable WCAG 2.2 AA compliant UI for Universal Login: ON → The inline errors Username is required and Password is required are displayed.

  2. Open the inspector and see which CSS file is included in the <head> tag.

    • Enable WCAG 2.2 AA compliant UI for Universal Login: OFF → main.cdn.min.css is included.
    • Enable WCAG 2.2 AA compliant UI for Universal Login: ON → main_wcag_compliant.cdn.min.css (WCAG CSS file) is included.