WAI-ARIA
WAI-ARIA
8 articles du niveau essentiel à l'avancé
Articles WAI-ARIA
Outil interactif
Outil de décision ARIA
Trouvez le bon attribut selon votre situation, code prêt à l'emploi
- Essentiel RGAA 7.1 · 7.2 · 7.3 · 9.2 · 12.6
WAI-ARIA : Le contrat de base et les 3 règles d'or
Comprendre pourquoi ARIA existe, ce qu'il fait et ne fait pas, avant toute implémentation. Les 3 règles fondamentales qui évitent 80% des erreurs.
- Essentiel RGAA 1.1 · 1.2 · 1.3 · 5.1 · 5.2 · 7.1 · 7.3 · 7.5 · 9.1 · 9.2 · 9.3 · 9.4 · 11.1 · 11.2 · 12.6 · 12.7
Les rôles ARIA : Taxonomie opérationnelle
Les 80+ rôles ARIA organisés par usage réel : landmarks, widgets interactifs, structure de contenu, live regions. Avec les critères RGAA associés et les erreurs fréquentes en audit.
- Courant RGAA 1.2 · 6.1 · 6.2 · 7.1 · 7.3 · 7.5 · 10.8 · 11.1 · 11.2 · 11.9 · 11.10 · 11.11 · 12.2 · 12.3
Propriétés et états ARIA : Les attributs essentiels
Les attributs ARIA qui apparaissent dans la grande majorité des situations réelles, organisés en trois familles : états de composant, relations et associations, informations contextuelles. Inclut les attributs de relation avancés (aria-owns, aria-flowto, aria-posinset, aria-keyshortcuts).
- Courant RGAA 12.6
aria-label et aria-labelledby : quand les utiliser, et quand ils ne servent à rien
Ajouter un aria-label ne suffit pas toujours. Ce que ça change concrètement pour un lecteur d'écran, et les cas où le label est ignoré sans qu'aucune erreur ne soit signalée.
- Courant RGAA 1.1 · 1.2 · 6.1 · 6.2 · 7.1 · 7.3 · 7.4 · 9.2 · 11.1 · 11.2 · 11.9 · 11.10 · 11.11 · 12.6 · 12.7 · 13.1 · 13.8
Patterns ARIA concrets pour WordPress FSE
Les 8 composants ARIA les plus courants dans les sites WordPress FSE : HTML minimal conforme, ce que le lecteur d'écran annonce, erreurs fréquentes en audit, et corrections spécifiques aux blocs natifs.
- Essentiel RGAA 6.1 · 6.2 · 7.1 · 7.3 · 7.5 · 8.9 · 9.2 · 11.1 · 11.2 · 11.9 · 11.10 · 11.11 · 12.8
Anti-patterns ARIA : Les erreurs fréquentes en audit
Les 10 erreurs ARIA les plus rencontrées en audit de sites WordPress : exemples concrets, ce que le lecteur d'écran entend réellement, et la correction dans chaque cas.
- Avancé RGAA 7.1 · 7.2 · 7.3
Support réel : Ce que testent vraiment les technologies d'assistance
Les paires AT+navigateur qui comptent en audit RGAA, les attributs ARIA au support inégal, et comment lire l'arbre d'accessibilité pour vérifier ce que le lecteur d'écran voit réellement.
- Essentiel RGAA 3.2 · 3.3 · 7.1 · 7.3 · 11.1 · 11.2
Outils de vérification ARIA
Les outils indispensables pour auditer l'accessibilité ARIA : DevTools, extensions de navigateur, lecteurs d'écran, et ce que les outils automatiques ne peuvent pas détecter.