Visual Indicator after "Enable WCAG 2.2 AA compliant UI for Universal Login" Flag Enabled
Last Updated:
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)
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.
