Correspondance RGAA et AcceDe Web (conception fonctionnelle et graphique)

Le respect des bonnes pratiques AcceDe Web permet de garantir la conformité d’un site avec le Référentiel Général d’Accessibilité pour les Administrations (RGAA) dans sa version 3.

Sommaire

  1. Navigation.
  2. Textes et symboles.
  3. Couleurs.
  4. Liens et boutons.
  5. Fichiers.
  6. Tableaux.
  7. Formulaires.
  8. Multimédia.
  9. Recommandations additionnelles.

1. Navigation

Correspondance entre le RGAA et la thématique Navigation de la notice AcceDe Web pour la conception graphique et fonctionnelle
Recommandations AcceDe Web RGAA 3 Commentaires
Critères Niveau
1.1. Prévoir un fil d’Ariane 12.8, 12.9 AAA
1.2. Prévoir au moins deux moyens de navigation parmi un menu principal, un plan du site et un moteur de recherche 12.1 AA
1.3. Différencier visuellement la position courante dans les menus 12.12 AAA
1.4. Assurer la cohérence visuelle de la navigation 12.2, 12.3, 12.5, 12.6 AA
1.5. Prévoir une page d’aide Document obligatoire du RGAA 3
1.6. Prévoir une page accessibilité Document obligatoire du RGAA 3
1.7. Prévoir l’apparence des liens d’évitement 12.11 A

2. Textes et symboles

Correspondance entre le RGAA et la thématique Textes et symboles de la notice AcceDe Web pour la conception graphique et fonctionnelle
Recommandations AcceDe Web RGAA 3 Commentaires
Critères Niveau
2.1. Conserver les accents sur les lettres capitales 13.13 AAA Aucune correspondance RGAA directe.
Toutefois, l’ajout de l’accent sur une lettre indique sa prononciation et peut permettre de faciliter sa compréhension (objectif du critère 13.13. du RGAA).
2.2. Ne pas justifier le texte 10.9 AAA
2.3. Associer un texte à chaque symbole ambigu 1.1, 1.2, 1.3 A L’application de cette recommandation rendra le symbole décoratif, le texte affiché sera l’équivalent de l’alternative, mais il sera affiché à tous les utilisateurs.

3. Couleurs

Correspondance entre le RGAA et la thématique Couleurs de la notice AcceDe Web pour la conception graphique et fonctionnelle
Recommandations AcceDe Web RGAA 3 Commentaires
Critères Niveau
3.1. Assurer un contraste suffisant entre les textes et l’arrière-plan ou proposer une alternative contrastée 3.3 AA
3.2. Assurer la compréhension de l’information même en l’absence de couleurs 3.1, 3.2 A

4. Liens et boutons

Correspondance entre le RGAA et la thématique Liens et boutons de la notice AcceDe Web pour la conception graphique et fonctionnelle
Recommandations AcceDe Web RGAA 3 Commentaires
Critères Niveau
4.1. Prévoir un intitulé explicite pour chaque lien et bouton 6.1, 6.3, 6.4 A, AAA
4.2. Différencier visuellement les liens présents dans du texte 10.6 A
4.3. Prévoir des zones réactives suffisamment grandes et espacées 14.1 Thématique additionnelle du RGAA : Mobile / Tactile.

5. Fichiers

Correspondance entre le RGAA et la thématique Fichiers de la notice AcceDe Web pour la conception graphique et fonctionnelle
Recommandations AcceDe Web RGAA 3 Commentaires
Critères Niveau
5.1. Indiquer le format et le poids de chaque fichier à télécharger 13.6 A
5.2. Indiquer la langue de chaque document en téléchargement rédigé dans une langue étrangère 13.6 A

6. Tableaux

Correspondance entre le RGAA et la thématique Tableaux de la notice AcceDe Web pour la conception graphique et fonctionnelle
Recommandations AcceDe Web RGAA 3 Commentaires
Critères Niveau
6.1. Prévoir un titre pour chaque tableau de données 5.4, 5.5 A

7. Formulaires

Correspondance entre le RGAA et la thématique Formulaires de la notice AcceDe Web pour la conception graphique et fonctionnelle
Recommandations AcceDe Web RGAA 3 Commentaires
Critères Niveau
7.1. Prévoir un intitulé explicite pour chaque champ de formulaire 11.1, 11.2 A
7.2. Prévoir des intitulés identiques pour les champs dont la fonction est identique 11.3 AA
7.3. Positionner chaque intitulé à proximité de son champ 11.4 A
7.4. Regrouper et titrer les champs de même nature dans les formulaires longs 11.5, 11.6, 11.7 A
7.5. Positionner un bouton de soumission à la fin de chaque formulaire 10.3, 12.13 A Ce point n’est pas directement lié aux critères 10.3 et 12.13. Toutefois, dans une note associée à ces critères, le RGAA précise qu’un contenu compréhensible est lisible (l’ordre des éléments est logique) et cohérent (l’enchaînement de la lecture est cohérent). Ainsi, même si cela est faisable différemment, il est préférable que le bouton de soumission d’un formulaire soit présent à la fin d’un formulaire pour assurer un ordre logique des éléments.
7.6. Prévoir un intitulé explicite pour chaque bouton de formulaire 11.9 A
7.7. Indiquer clairement les champs obligatoires 11.10 A
7.8. Prévoir des aides à la saisie 11.14, 11.15 AAA
7.9. Prévoir des messages d’erreur explicites et des suggestions de correction 11.10, 11.11 A, AA
7.10. Prévoir un message de confirmation A, AA Ce point n’est pas explicitement demandé dans le RGAA. Il s’agit toutefois d’une technique WCAG : G199: Providing success feedback when data is submitted successfully.
7.11. Permettre à l’utilisateur de revenir en arrière sur les formulaires à étapes multiples 11.11, 11.12 AA, AAA Niveau AA pour les données à caractère financier, juridique ou personnel.
Niveau AAA, pour toutes les autres données.
7.12. Prévoir un récapitulatif avant la soumission finale des formulaires à étapes multiples 11.11, 11.12 AA, AAA Niveau AA pour les données à caractère financier, juridique ou personnel.
Niveau AAA, pour toutes les autres données.
7.13. Privilégier des tests de sécurité sous forme de tests logiques plutôt que sous forme de CAPTCHA 1.5 A L’application de cette recommandation ne permet pas de valider le critère 1.5. mais de le rendre non applicable.
7.14. Prévoir une alternative pour chaque CAPTCHA uniquement visuel ou sonore 1.5 A

8. Multimédia

Correspondance entre le RGAA et la thématique Multimédia de la notice AcceDe Web pour la conception graphique et fonctionnelle
Recommandations AcceDe Web RGAA 3 Commentaires
Critères Niveau
8.1. Prévoir un titre et/ou un résumé pour chaque vidéo et contenu audio 4.15 A
8.2. Prévoir un moyen d’accès à la transcription textuelle de chaque vidéo et contenu audio 4.1, 4.13 A, AAA La transcription peut-être utilisée au niveau A pour valider le critère 4.1 (à la place de l’audiodescription). Elle devient toutefois obligatoire au niveau AAA.
8.3. Prévoir des moyens pour contrôler l’avancement et le volume sonore de chaque vidéo et contenu audio 4.20 A
8.4. Prévoir un moyen d’afficher les sous-titres 4.3, 4.5 A, AA Niveau A, à l’exception des médias en direct pour lesquels les sous-titres sont demandés au niveau AA.
8.5. Prévoir une mise en forme des sous-titres qui permet de garantir leur lisibilité 3.3 AA
8.6. Prévoir un moyen d’activer l’audiodescription 4.1, 4.7 A, AA L’audiodescription peut-être utilisée au niveau A pour valider le critère 4.1 (à la place de la transcription). Elle devient toutefois obligatoire au niveau AA.
8.7. Prévoir un moyen pour stopper chaque contenu animé 13.17 A
8.8. Ne pas lancer de son automatiquement 4.18 A Le RGAA est moins strict et demande seulement que tout séquence sonore d’une durée supérieur à 3 secondes puisse être stoppée sur action de l’utilisateur (ou que son volume puisse être contrôlé indépendamment de celui du système).

9. Recommandations additionnelles

Correspondance entre le RGAA et la thématique Recommandations additionnelles de la notice AcceDe Web pour la conception graphique et fonctionnelle
Recommandations AcceDe Web RGAA 3 Commentaires
Critères Niveau
Prévoir un moyen d’accéder à une alternative textuelle des visuels complexes. 1.6, 1.7 A
Limiter l’utilisation d’effets de flash. 13.15, 13.16 A, AAA Au niveau A les effets de flash sont limités en fréquence (< à 3 par seconde) sauf s’ils couvrent une surface inférieure ou égale à 21 824 pixels. Au niveau AAA quelle que soit la surface, les effets de flash sont limités à une fréquence inférieur à 3 par seconde.
Permettre à l’utilisateur de contrôler les limites de temps de consultation du contenu. 13.1 A
Signaler chaque lien et bouton déclenchant l’ouverture d’une nouvelle fenêtre 13.2 A
Ne pas ouvrir de nouvelle fenêtre sans action de l’utilisateur. 13.3 A
L’information ne doit pas être donnée uniquement par la forme, taille ou position. 10.14, 10.15 A Bien qu’il s’agisse d’un point important, il est ici en recommandation additionnelle car il s’agit majoritairement d’un point éditorial.
Prévoir des liens vers des pages de même niveau, si nécessaire. 12.7 AA
Permettre la modification, la mise à jour ou la récupération des données à caractère personnel, juridique ou financier. 11.12 AA
Prévoir un glossaire pour expliciter les contenus complexes. 13.9 AAA
Indiquer la prononciation des mots lorsque leur signification est ambiguë dans le contexte. 13.13 AAA
Prévoir un moyen de vocaliser les contenus textuels. 13.14 AAA
Limiter la longueur d’une ligne à 80 caractères. 10.11 AAA
Prévoir un interligne d’au moins 1,5 fois la taille du texte. 10.12 AAA
Prévoir une marge entre les paragraphes d’au moins 1,5 fois la valeur de l’interligne. 10.12 AAA
Assurer un contraste optimal entre les contenus et l’arrière-plan ou proposer une alternative contrastée. 3.4 AAA
Prévoir un moyen de personnaliser la police du texte et les couleurs de l’affichage. 10.8 AAA
Veiller à la bonne utilisation des limites de temps pour la réalisation d’une tâche. 13.4 AAA
Permettre la modification, la mise à jour ou la récupération de la totalité des données saisies. 11.13 AAA
Dans le cas d’interruption de session authentifiée, prévoir la possibilité de récupérer les données saisies après ré-authentification. 13.5 AAA
Prévoir un moyen d’activer l’audiodescription étendue (multimédia). 4.11 AAA Applicable pour du multimédia.
Prévoir un moyen d’afficher la traduction en langue des signes (multimédia). 4.9 AAA Applicable pour du multimédia.

1 commentaire

  • Par Johan Ramon, le 4 octobre 2016 à 16h17.

    Déplacement le 04/10/2016 de la ligne de la fiche « Signaler chaque lien et bouton déclenchant l’ouverture d’une nouvelle fenêtre » dans les recommandations additionnelles pour l’atteinte du niveau A.

    Répondre

Ajouter un commentaire

Les champs avec astérisque (*) sont obligatoires.

Haut de page