50. WAI-ARIA validation error is present when page loads

3.3.1

x incorrect example

Description: A WAI-ARIA validation error message is already present on the page when the page is loaded.

Context: Validation messages should not automatically display when a page is first loaded. Messages should only display after the element has been interacted with.

<input type="email" value="" name="EMAIL" aria-required="true" aria-invalid="true">

How to fix it: Make sure WAI-ARIA validation error messages only appear when something is invalid.

<input type="email" value="" name="EMAIL" aria-required="true">

Techniques: ARIA21