Recommandations AcceDe Web | WCAG | AccessiWeb | RGAA |
Critère | Technique | Niveau | Critère | Niveau | Critère | Niveau |
1. Navigation |
1.1. Navigation globale |
1.1.1. Provide breadcrumbs | 2.4.8 | G65 | AAA | 12.8, 12.9 | Or | 6.20 | AAA |
1.1.2. Provide at least two of the following navigation methods: main menu, site map, and search engine | 2.4.5, 2.4.8 | G63, G125, G126, G161, G185 | AA, AAA | 12.1, 12.4, 12.5 | Argent | 6.17, 6.18, 6.19, 6.21, 6.34 | AA |
1.1.3. Make the current position visually different in the menus | 2.4.8 | G128 | AAA | 12.12 | Or | 6.36 | AAA |
1.1.4. Make sure that the navigation is visually consistent | 3.2.3 | G61 | AA | 12.2, 12.3, 12.5, 12.6, 12.11 | Argent | 6.22, 6.23 | AAA |
1.2. Aides à la navigation |
1.2.1. Provide a help page | 3.3.5 | G71, G193 | AAA | | | | |
1.2.2. Provide skip links | 2.4.1 | G1, G123, G124 | A | 12.11 | Bronze | 6.31 | A |
2. Textes et symboles |
2.1. Textes |
2.1.1. Keep accents on uppercase letters | 3.1.6 | | AAA | | | | |
2.1.2. Do not justify the text | 1.4.8 | G169 | AAA | 10.9 | Or | 7.12 | AAA |
2.1.3. Make sure that the typefaces can be integrated in text format | 1.4.5, 1.4.9 | G140 | AA, AAA | 1.8, 1.9 | Argent, Or | 7.6, 7.7 | AA, AAA |
2.2. Symboles |
2.2.1. Associate text with each ambiguous symbol | 1.1.1 | G82, G94 | A | | | | |
3. Couleurs et formes |
3.1. Contrastes |
3.1.1. Make sure that there is sufficient contrast between the content and the background or propose an alternative with contrast | 1.4.3 | G18, G145, G174 | AA | 3.3 | Argent | 2.5, 2.6, 2.7, 2.8, 2.9, 2.10 | AA |
3.2. Sens véhiculé par la couleur |
3.2.1. Make sure that information is comprehensible, even if the colours are absent | 1.4.1 | G14, G111, G182 | A | 3.1 | Bronze | 2.1, 2.2, 2.4 | A |
4. Liens |
4.1. Intitulés des liens |
4.1.1. Provide a link text for each link | 2.4.4 | G23, G91, G189 | A | 6.1 | Bronze | 6.13 | A |
4.1.2. Identify each link that triggers the opening of a new window | 3.2.1, 3.2.2 | G201 | A | 13.2 | Bronze | 6.2, 6.3, 6.4, 6.25 | A, AAA |
4.2. Identification des liens |
4.2.1. Distinguish links from the surrounding text | 1.4.1 | G182, G183 | A | 10.6 | Bronze | 7.10 | A |
5. Documents |
5.1. Documents en téléchargement |
5.1.1. Indicate the size and format of each document that can be downloaded | 2.4.4 | G91, G53 | A | 13.6 | Bronze | 6.26, 6.27 | A |
5.1.2. Indicate the language of each document available for download written in a foreign language | 2.4.4 | G91, G53 | A | 13.6 | Bronze | 6.28 | A |
6. Tableaux |
6.1. Titres des tableaux |
6.1.1. Provide a heading for each data table | 1.3.1 | H39 | A | 5.4 | Bronze | 11.7 | A |
7. Formulaires |
7.1. Intitulés et champs |
7.1.1. Provide an explicit label for each form field | 3.3.2 | G131 | A | 11.1, 11.2 | Bronze | 3.11, 3.12 | A |
7.1.2. Use identical labels for form fields that have the same purpose | 3.2.4 | G197 | AA | 11.3 | Argent | 4.11 | AA |
7.1.3. Place each label next to the corresponding field | 1.3.1, 3.3.2 | G162, G167 | A | 11.4 | Bronze | 3.3 | A |
7.1.4. In long forms group similar form fields together and give them a heading | 1.3.1, 3.3.2 | H71 | A | 11.5, 11.6, 11.7 | Bronze | 3.4, 3.6 | A |
7.2. Boutons |
7.2.1. Provide a submit button at the end of each form | 3.2.2 | G80 | A | | | | |
7.2.2. Provide an explicit button text for each button | 2.4.6 | G131 | AA | | | | |
7.3. Messages d’information |
7.3.1. Clearly indicate mandatory fields | 3.3.2, 3.3.5 | G184 | A, AAA | 11.10 | Bronze | 3.2 | A |
7.3.2. Provide help for entering data | 3.3.2, 3.3.5 | G89, G184, G194 | A, AAA | 11.14, 11.15 | Or | 3.16 | AAA |
7.3.3. Provide explicit error messages and suggestions for correcting errors | 3.3.1, 3.3.2, 3.3.3 | G83, G84, G85, G177 | A, AA | 11.10, 11.11 | Bronze, Argent | 3.1, 3.13 | A, AA |
7.3.4. Provide a confirmation message | 3.3.1, 3.3.3, 3.3.4, 3.3.6 | G199 | A, AA, AAA | | | | |
7.4. Formulaires à étapes multiples |
7.4.1. Clearly indicate the total number of steps as well as the current step | 2.4.8 | G128 | AAA | 12.12 | Or | 6.36 | AAA |
7.4.2. Provide a way of returning to the previous steps | 3.3.4, 3.3.6 | G98 | AA, AAA | 11.12, 11.13 | Argent, Or | 3.14, 3.15 | AA, AAA |
7.4.3. Provide a summary of values entered before the form is finally submitted | 3.3.4, 3.3.6 | G168 | AA, AAA | 11.12, 11.13 | Argent, Or | 3.14, 3.15 | AA, AAA |
7.5. CAPTCHA (systèmes anti-spam) |
7.5.1. Provide an alternative to each CAPTCHA that is either just sound or visual | 1.1.1 | G144 | A | 1.5 | Bronze | 4.10 | A |
7.5.2. Provide a refresh method for each CAPTCHA | | | | | | | |
8. Multimédia |
8.1. Vidéos |
8.1.1. Provide a heading and/or summary for each video | 1.1.1 | G68, G100 | A | 4.15 | Bronze | 5.1 | A |
8.1.2. Provide a way of accessing the text transcript of each video | 1.2.1, 1.2.3, 1.2.8 | G58, G69, G158, G159, G190 | A, AAA | 4.1, 4.13 | Bronze, Or | 5.2, 5.4 | A |
8.1.3. Provide a way of controlling the progress and volume of each video | 2.2.1, 2.2.2 | G4 | A | 4.20 | Bronze | | |
8.1.4. Provide a way of displaying the closed captions | 1.2.2, 1.2.4, 1.2.9 | G9, G87, G93 | A, AA, AAA | 4.3, 4.5 | Bronze, Argent | 5.9, 5.18 | A, AA |
8.1.5. Provide a format for closed captions that ensures they are readable | 1.4.3 | G18, G145 | AA | 3.3 | Argent | 2.5, 2.6, 2.7, 2.8, 2.9, 2.10 | AA |
8.1.6. Provide a way of activating the audio description | 1.2.3, 1.2.5 | G78, G173 | A, AA | 4.1, 4.7 | Bronze, Argent | 5.4, 5.8 | A, AA |
8.2. Contenus audio |
8.2.1. Provide a heading or summary for each audio content | 1.1.1 | G68, G100 | A | 4.15 | Bronze | 5.1 | A |
8.2.2. Provide a way to access the text transcript of each audio content | 1.2.1, 1.2.3, 1.2.8 | G58, G69, G158, G159, G190 | A, AAA | 4.1, 4.13 | Bronze, Or | 5.2, 5.4 | A |
8.2.3. Provide a way of controlling the progress and volume of each audio content | 2.2.1, 2.2.2 | G4 | A | | | | |
8.3. Animations et sons (bannières, contenus défilants, musique d’ambiance, etc.) |
8.3.1. Provide a method for stopping each animated content | 2.2.1, 2.2.2 | G4, G11, G186, G191 | A | 13.17 | Bronze | 5.20, 5.21, 5.22, 5.24, 5.25, 5.26 | A |
8.3.2. Provide a way of stopping sounds that are triggered automatically | 1.4.2 | G60, G170, G171 | A | 4.18 | Bronze | 5.29 | A |
Recommandations additionnelles |
Niveau A (WCAG) ou Bronze (AccessiWeb) |
Limiter l'utilisation d'effets de flash | 2.3.1, 2.3.2 | G15, G19, G176 | A, AAA | 13.15, 13.16 | Bronze, Or | 5.13, 5.14, 5.15, 5.17 | A, AAA |
Prévoir un titre ou un résumé pour chaque contenu interactif dont l'information n'est perceptible que via un seul sens | 1.1.1 | G68, G100 | A | 4.15 | Bronze | 5.1 | A |
Niveau AA (WCAG) ou Argent (AccessiWeb) |
Prévoir un moyen de contrôler la taille du texte | 1.4.4 | G178 | AA | 1.4.4 | Argent | 7.13 | AA |
Prévoir une table des matières sur les pages à fort volume de contenus | 2.4.5 | G64 | AA | | | | |
Prévoir des liens vers des pages de même niveau, si nécessaire | 2.4.5 | G125 | AA | 12.7 | Argent | 6.35 | AA |
Permettre le contrôle des données à caractère personnelles, juridiques ou financières saisies | 3.3.4 | G98, G155, G164, G168 | AA | 11.12 | Argent | 3.14 | AA |
Niveau AAA (WCAG) ou Or (AccessiWeb) |
Prévoir un glossaire pour expliciter les contenus complexes, si nécessaire | 3.1.3, 3.1.4 | G62 | AAA | | | | |
Indiquer la prononciation des mots lorsque leur sens est ambigu dans le contexte | 3.1.6 | G62, G163 | AAA | 13.13 | Or | 12.6 | AAA |
Prévoir un moyen de vocaliser les contenus textuels | 3.1.5 | G79 | AAA | 13.14 | Or | 12.10 | AAA |
Prévoir une zone d'affichage pour la traduction en langue des signes des contenus complexes | 3.1.5 | G160 | AAA | 13.14 | Or | 12.10 | AAA |
Limiter la largeur des textes à 80 caractères | 1.4.8 | | AAA | 10.11 | Or | 7.16 | AAA |
Prévoir un interligne d'au moins 1,5 fois la taille du texte | 1.4.8 | G188 | AAA | 10.12 | Or | 7.17 | AAA |
Prévoir une marge entre les paragraphes d'au moins 1,5 fois la valeur de l'interligne | 1.4.8 | G188 | AAA | 10.12 | Or | 7.17 | AAA |
Assurer un contraste optimal entre les contenus et l'arrière-plan ou proposer une alternative contrastée | 1.4.6 | G17, G18, G174 | AAA | 3.4 | Or | 2.11, 2.12, 2.13, 2.14, 2.15, 2.16 | AAA |
Prévoir un moyen de personnaliser les couleurs de l'affichage | 1.4.8 | G175 | AAA | 10.8 | Or | 5.34 | AAA |
Prévoir un intitulé parfaitement explicite pour chaque lien | 2.4.9 | G91, G189 | AAA | 6.3 | Or | 6.14 | AAA |
Permettre le contrôle de la totalité des données saisies | 3.3.6 | G98, G155, G164, G168 | AAA | 11.13 | Or | 3.15 | AAA |
Prévoir pour chaque média en direct une alternative ou une transcription, si nécessaire | 1.2.9 | G150, G151 | AAA | 4.5 | Argent | | |
Prévoir pour chaque lecteur l'écoute d'audiodescriptions étendues, si nécessaire | 1.2.7 | G8 | AAA | 4.11 | Or | 5.7 | AAA |
Prévoir pour chaque lecteur l'affichage d'une interprétation en langue des signes, si nécessaire | 1.2.6 | G54, G81 | AAA | 4.9 | Or | 5.31 | AAA |