Last updated: November 18, 2021
This document outlines the WAI-ARIA specification coverage by the current test plans within the ARIA-AT project. Looking for other project-related materials? You can view the ARIA-AT App Test Queue, the ARIA-AT test result reports, or the collection of all current test plans. Also see the ARIA-AT App Home page, at aria-at.w3.org.
The following shorthand terminology is used throughout:
- ARIA: the Accessible Rich Internet Applications (WAI-ARIA) specification.
- APG: the WAI-ARIA Authoring Practices guide.
Note: for the purposes of coverage measurement, no distinction is made between WAI-ARIA states and properties.
| Metric | Tested (Count) | Tested (Percent) | Total | Notes |
|---|---|---|---|---|
| APG Design Patterns | 22 | 73.33% | 30 | Including "Landmark Regions" section as a single pattern |
| APG Examples | 45 | 69.2% | 65 | Including individual landmark region examples |
| ARIA Roles | 40 | 44.94% | 89 | Not including abstract roles |
| ARIA States and Properties | 22 | 41.5% | 53 | N/A |
- Test plans: 48
- Tests across all plans: 1,260
- Assertions across all tests: 5,021
All APG Design Patterns with at Least one Corresponding ARIA-AT Test Plan
- Accordion (Sections With Show/Hide Functionality)
- Alert
- Breadcrumb
- Button
- Checkbox
- Combobox
- Dialog (Modal)
- Disclosure (Show/Hide)
- Grids : Interactive Tabular Data and Layout Containers
- Landmark Regions
- Link
- Listbox
- Menu Button
- Menu or Menu bar
- Meter
- Radio Group
- Slider
- Slider (Multi-Thumb)
- Spinbutton
- Switch
- Table
- Tabs
All APG Examples with at Least one Corresponding ARIA-AT Test Plan
- Accordion Example
- Action Menu Button Example Using aria-activedescendant
- Action Menu Button Example Using element.focus()
- Alert Example
- Banner Landmark Example
- Breadcrumb design pattern example
- Button Examples
- Checkbox (Mixed-State) Example
- Checkbox (Two-State) Example
- Color Viewer Slider Example
- Complementary Landmark Example
- Contentinfo Landmark Example
- Data Grid Examples
- Date Picker Spin Button Example:
- Disclosure (Show/Hide) Navigation Menu with Top-Level Links
- Disclosure (Show/Hide) Navigation Menu
- Disclosure (Show/Hide) of Answers to Frequently Asked Questions
- Disclosure (Show/Hide) of Image Description
- Editable Combobox with Both List and Inline Autocomplete
- Editable Combobox with List Autocomplete
- Editable Combobox Without Autocomplete
- Editor Menubar Example
- Form Landmark Example
- Layout Grid Examples
- Link Examples
- Listbox Example with Grouped Options
- Main Landmark Example
- Media Seek Slider Example
- Meter Example
- Modal Dialog Example
- Multi-Thumb Slider Examples
- Navigation Landmark Example
- Navigation Menu Button
- Radio Group Example Using aria-activedescendant
- Radio Group Example Using Roving tabindex
- Rating Slider Example
- Region Landmark Example
- Scrollable Listbox Example
- Search Landmark Example
- Select-Only Combobox
- Switch Example
- Table Example
- Tabs With Automatic Activation
- Tabs With Manual Activation
- Vertical Temperature Slider Example
All ARIA Roles Targeted by at Least one ARIA-AT Assertion
- alert
- banner
- button
- cell
- checkbox
- columnheader
- combobox
- complementary
- contentinfo
- dialog
- form
- grid
- gridcell
- group
- heading
- link
- listbox
- main
- menu
- menubar
- menuitem
- menuitemcheckbox
- menuitemradio
- meter
- navigation
- none
- option
- radio
- radiogroup
- region
- row
- rowgroup
- search
- slider
- spinbutton
- switch
- tab
- table
- tablist
- tabpanel
All ARIA States and Properties Targeted by at Least one ARIA-AT Assertion
- aria-activedescendant
- aria-atomic
- aria-autocomplete
- aria-checked
- aria-controls
- aria-current
- aria-describedby
- aria-disabled
- aria-expanded
- aria-haspopup
- aria-hidden
- aria-label
- aria-labelledby
- aria-live)
- aria-modal
- aria-orientation
- aria-pressed
- aria-selected
- aria-valuemax
- aria-valuemin
- aria-valuenow
- aria-valuetext