ARIA permet d'ajouter une valeur sémantique aux contenus HTML afin de rendre les contrôles et les contenus plus accessibles. ARIA s'inscrit dans l'utilisation du site Web comme applicatif plus que comme site documentaire, c'est pourquoi je ne reprends ici que les protocoles utilisés pour HTML5 bien que WAI-ARIA peut s'étendre à d'autres langages.
| Catégorie | Définition | Liste |
|---|---|---|
| Abstract Roles | The following roles are used to support the WAI-ARIA role taxonomy for the purpose of defining general role concepts. Abstract roles are used for the ontology. Authors MUST NOT not use abstract roles in content. |
|
| Widget Roles | The following roles act as standalone user interface widgets or as part of larger, composite widgets. | |
| The following roles act as composite user interface widgets. These roles typically act as containers that manage other, contained widgets. | ||
| Document Structure | The following roles describe structures that organize content in a page. Document structures are not usually interactive. | |
| Landmark Roles | The following roles are regions of the page intended as navigational landmarks. All of these roles inherit from the landmark base type and, with the exception of application, all are imported from the Role Attribute [ROLE]. The roles are included here in order to make them clearly part of the WAI-ARIA Role taxonomy. |
La plus part des balises HTML ont une sémantique propre utilisée par défaut, c'est la deuxième colonne. Cepedant, on peut avec certaines restrictions changer ces attributs par ceux listés dans la 3e colonne "Role attribut"et dans les conditions d'applications listées dans la colonne "Default implied ARAI semantics".
| Language feature | Default | Role attribut | Default implied ARIA semantics | |
|---|---|---|---|---|
| a | element that creates a hyperlink | link |
|
|
| address | Aucun |
|
||
| article | article |
|
||
| aside | note |
|
||
| audio | Aucun |
|
||
| body | document |
|
||
| button | button |
|
||
| details | group | Role must be a role that supports aria-expanded | ||
| embed | Aucun |
|
||
| footer | Aucun |
|
||
| h1...h6 | element that does not have an hgroup ancestor | heading role, with the aria-level property set to the element's outline depth | ||
| header | Aucun |
|
||
| iframe | Aucun |
|
||
| img | element whose alt attribute's value is absent | img | No restrictions | |
| img | element whose alt attribute's value is present and not empty | img | No restrictions | |
| input | element with a type attribute in the Button state | button | ||
| input | element with a type attribute in the Checkbox state | checkbox | ||
| input | element with a type attribute in the Image Button state | button | ||
| input | element with a type attribute in the Radio Button state | radio | ||
| li | element whose parent is an ol or ul element | listitem |
|
|
| object | Aucun |
|
||
| ol | list | |||
| output | status | No restrictions | ||
| section | region |
|
||
| ul | list | |||
| video | Aucun |
|
||
| The body element | document |
|
||