ARIA-09: Ensure custom dialogs or lightboxes (including the control that opens them) follow the defined interaction pattern(s).
How to test
- Identify instances of dialogs or lightboxes (apart from alert or message dialogs).
- Assess their semantics and interactions and confirm that they follow the applicable Dialog (Modal) pattern (https://www.w3.org/TR/wai-aria-practices/#dialog_modal).
- Assess whether the expectations conveyed by their design match the pattern they use (i.e. that they look like what they are).
- Identify instances of alert or message dialogs.
- Assess their semantics and interactions and confirm that they follow the applicable Alert and Message Dialogs pattern (https://www.w3.org/TR/wai-aria-practices/#alertdialog).
- Assess whether the expectations conveyed by their design match the pattern they use (i.e. that they look like what they are).
Exceptions
None
How to fix
Re-implement this widget to follow either the Dialog (Modal) pattern (https://www.w3.org/TR/wai-aria-practices/#dialog_modal) or the Alert and Message Dialogs pattern (https://www.w3.org/TR/wai-aria-practices/#alertdialog) that’s applicable to the design and functionality.
Related Standard: 1.3.1 A and 4.1.2 A
This is one in a series of posts highlighting one of more than 270 accessibility tests in Mortise.io. Come back next week for more!