Guides de Référence RGAA
Comprenez et appliquez les critères d'accessibilité grâce à nos fiches pratiques détaillées.
1Images
Images porteuses d'information
Chaque image porteuse d'information doit avoir une alternative textuelle pertinente.
Images de décoration
Chaque image de décoration doit être correctement ignorée par les technologies d'assistance.
Pertinence de l'alternative textuelle
L'alternative textuelle d'une image doit être pertinente et transmettre la même information que l'image.
Images réactives (Image Maps)
Chaque zone cliquable d'une image réactive doit avoir une alternative textuelle.
Images vectorielles (SVG)
Les images SVG porteuses d'information doivent avoir une alternative textuelle accessible.
Images objets (<object>)
Les images insérées via la balise <object> doivent avoir une alternative textuelle.
Images embarquées (<embed>)
Les images insérées via la balise <embed> doivent avoir une alternative textuelle.
Images bitmap (<canvas>)
Les éléments <canvas> porteurs d'information doivent avoir un contenu alternatif.
Légendes d'images
Les légendes d'images doivent être correctement reliées à l'image correspondante.
2Cadres
3Couleurs
Information par la couleur
L'information ne doit pas être donnée uniquement par la couleur.
Contraste du texte
Le contraste entre la couleur du texte et son arrière-plan doit être suffisant.
Contraste des composants
Le contraste des composants d'interface et des objets graphiques doit être suffisant.
4Multimédia
Transcription textuelle
Chaque média temporel pré-enregistré (audio ou vidéo) doit avoir une transcription textuelle.
Pertinence de l'audiodescription
La transcription textuelle ou l'audiodescription des médias temporels doit être pertinente.
Sous-titres synchronisés
Les vidéos synchronisées doivent avoir des sous-titres.
Pertinence des sous-titres
Les sous-titres synchronisés doivent être pertinents.
Audiodescription
Les vidéos doivent avoir une audiodescription si nécessaire.
Pertinence de l'audiodescription
L'audiodescription synchronisée doit être pertinente.
Identification du média
Chaque média temporel doit être clairement identifiable.
Alternative média non temporel
Les médias non temporels (animations, objets interactifs) doivent avoir une alternative.
Pertinence alternative média non temporel
L'alternative du média non temporel doit être pertinente.
Contrôle du son
Les sons déclenchés automatiquement doivent être contrôlables.
Contrôle du média
La consultation des médias temporels doit être contrôlable (lecture, pause, volume...).
Contrôle média non temporel
Les médias non temporels doivent être contrôlables au clavier et à la souris.
Compatibilité technologies d'assistance
Les médias doivent être compatibles avec les technologies d'assistance (nom, rôle, valeur).
5Tableaux
Résumé tableau complexe
Les tableaux de données complexes doivent avoir un résumé.
Pertinence du résumé
Le résumé du tableau complexe doit être pertinent.
Tableaux de mise en forme
Les tableaux utilisés pour la mise en page doivent être linéarisables.
Titre du tableau
Chaque tableau de données doit avoir un titre.
Pertinence du titre
Le titre du tableau doit être pertinent.
En-têtes de tableau
Les en-têtes de lignes et de colonnes doivent être correctement balisés.
Association des cellules
Les cellules de données doivent être associées à leurs en-têtes.
Structure tableau de mise en forme
Les tableaux de mise en forme ne doivent pas utiliser de balises de données.
6Liens
7Scripts
Compatibilité scripts
Les scripts doivent être compatibles avec les technologies d'assistance.
Alternative aux scripts
Si un script n'est pas accessible, une alternative doit être fournie.
Contrôle clavier scripts
Les scripts doivent être contrôlables au clavier.
Changement de contexte
Les changements de contexte initiés par un script doivent être signalés ou contrôlés.
Messages de statut
Les messages de statut doivent être restitués par les technologies d'assistance.
8Éléments obligatoires
Type de document
Chaque page web doit avoir un DOCTYPE valide.
Validité du code
Le code source de la page doit être valide selon le type de document spécifié.
Langue par défaut
La langue par défaut de la page doit être indiquée.
Code de langue pertinent
Le code de langue utilisé doit être valide et pertinent.
Titre de page
Chaque page doit avoir un titre.
Pertinence du titre
Le titre de la page doit être pertinent.
Changement de langue
Les changements de langue dans le contenu doivent être signalés.
Code de langue (changement)
Le code de langue pour les changements de langue doit être valide.
Balises de présentation
Les balises ne doivent pas être utilisées uniquement à des fins de présentation.
Sens de lecture
Les changements de sens de lecture doivent être signalés.
9Structuration
Titres
La page doit être structurée par des titres.
Structure du document
La structure du document doit être cohérente (header, nav, main, footer).
Listes
Les listes doivent être correctement balisées.
Citations
Les citations doivent être balisées.
10Présentation
Présentation CSS
Les balises HTML de présentation ne doivent pas être utilisées.
Contenu visible sans CSS
Le contenu doit rester visible lorsque les CSS sont désactivées.
Contenu compréhensible sans CSS
L'ordre du contenu doit rester logique sans CSS.
Agrandissement du texte
Le texte doit rester lisible agrandi à 200%.
Couleurs de fond CSS
Les déclarations de couleur de fond et de texte doivent être cohérentes.
Visibilité des liens
Les liens doivent être distinguables du texte environnant autrement que par la couleur.
Visibilité du focus
La prise de focus doit être visible.
Contenus cachés
Les contenus cachés doivent être ignorés par les technologies d'assistance.
Information par la forme
L'information ne doit pas être donnée uniquement par la forme, la taille ou la position.
Information par la couleur
L'information ne doit pas être donnée uniquement par la couleur.
Largeur du contenu
Le contenu doit s'adapter aux petits écrans (320px) sans défilement horizontal.
Espacement du texte
Le texte doit rester lisible si l'utilisateur augmente les espacements.
Contenu au survol/focus
Les contenus apparaissant au survol ou au focus doivent être contrôlables.
Orientation
Le site ne doit pas imposer une orientation (portrait/paysage).
11Formulaires
Étiquette de champ
Chaque champ de formulaire doit avoir une étiquette (label) associée.
Pertinence de l'étiquette
Chaque étiquette associée à un champ de formulaire doit être pertinente.
Cohérence des étiquettes
Les étiquettes des champs ayant la même fonction doivent être cohérentes sur l'ensemble du site.
Étiquette accolée
Chaque étiquette de champ et son champ associé doivent être accolés visuellement.
Regroupement de champs
Les champs de même nature doivent être regroupés si nécessaire.
Légende de regroupement
Chaque regroupement de champs de même nature doit avoir une légende.
Pertinence de la légende
Chaque légende associée à un regroupement de champs doit être pertinente.
Liste de choix
Les items de même nature d'une liste de choix doivent être regroupés de manière pertinente.
Intitulé de bouton
L'intitulé de chaque bouton doit être pertinent.
Contrôle de saisie
Le contrôle de saisie doit être utilisé de manière pertinente (champs obligatoires, format).
Suggestions de correction
Le contrôle de saisie doit être accompagné de suggestions facilitant la correction des erreurs.
Sécurisation des données
Pour les formulaires sensibles (financier, juridique, données personnelles), l'utilisateur doit pouvoir modifier, vérifier ou confirmer ses données.
Finalité du champ (Autocomplétion)
La finalité d'un champ de saisie doit être déduite pour faciliter le remplissage automatique.
12Navigation
Systèmes de navigation
Le site doit proposer au moins deux systèmes de navigation différents (menu, plan du site, recherche).
Cohérence de la navigation
Les menus et barres de navigation doivent être toujours à la même place et dans le même ordre relatif.
Plan du site
La page plan du site doit être pertinente, fonctionnelle et à jour.
Accès au plan du site
Le lien vers le plan du site doit être présent à la même place sur toutes les pages.
Accès au moteur de recherche
Le moteur de recherche doit être accessible de manière identique sur toutes les pages.
Zones de regroupement
Les zones principales (en-tête, navigation, contenu, pied de page) doivent être identifiées et contournables.
Lien d'évitement
Un lien d'évitement ou d'accès rapide à la zone de contenu principal doit être présent.
Ordre de tabulation
L'ordre de tabulation doit être cohérent et suivre la logique visuelle de la page.
Navigation clavier
La navigation ne doit pas contenir de piège au clavier.
Raccourcis clavier
Les raccourcis clavier utilisant une seule touche (lettre, chiffre, ponctuation) doivent être contrôlables.
Contenu additionnel
Les contenus additionnels (infobulles, menus) apparaissant au survol ou au focus doivent être atteignables au clavier.
13Consultation
Limite de temps
L'utilisateur doit pouvoir contrôler les limites de temps (session, lecture, rafraîchissement).
Ouverture de fenêtre
L'ouverture d'une nouvelle fenêtre ne doit pas être déclenchée sans action de l'utilisateur.
Documents téléchargeables
Les documents bureautiques en téléchargement doivent être accessibles ou avoir une alternative.
Conformité de l'alternative
Si une version accessible alternative est proposée pour un document, elle doit contenir la même information.
Contenu cryptique
Les contenus cryptiques (ASCII art, émoticônes) doivent avoir une alternative textuelle.
Alternative cryptique
L'alternative des contenus cryptiques doit être pertinente.
Flashs et clignotements
Éviter les changements brusques de luminosité ou les effets de flash (risque de crise d'épilepsie).
Contrôle du mouvement
L'utilisateur doit pouvoir arrêter ou masquer les contenus en mouvement ou clignotants.
Orientation de l'écran
Le contenu doit être consultable en mode portrait et paysage sans perte d'information.
Gestes complexes
Les actions nécessitant des gestes complexes (multipoint, glisser) doivent avoir une alternative simple.
Annulation du pointage
Les actions déclenchées par un pointage simple doivent pouvoir être annulées ou abandonnées.
Mouvement de l'appareil
Les actions déclenchées par le mouvement de l'appareil (secouer, incliner) doivent avoir une alternative.