Skip to main content
← Back to Tutorials

ARIA Pattern Validation

Check if ARIA widgets on the page follow correct WAI patterns.

Open Demo PageFollow along on the demo page while watching the video

Video coming soon

Follow the written steps below in the meantime

Step-by-Step Instructions

  1. 1
    Open the ARIA Validation demo and run a scan.
  2. 2
    Click the ARIA tab.
  3. 3
    Each ARIA widget found on the page is listed with its role (tablist, menu, dialog, combobox, accordion).
  4. 4
    Widgets are marked valid (green) or invalid (red) based on required ARIA attributes and keyboard behavior.
  5. 5
    Click a widget to see which attributes are missing or incorrect.
  6. 6
    The demo has 5 intentionally broken widgets and 3 correct implementations for comparison.
← All Tutorials