Une grille d’analyse de 10 critères pour un test rapide d’accessibilité

Date de publication : 2010-08-26 – Mises à jour : 2011-09-28 (corrections mineures sur les formulations) ; 2012-04-16 (liens hypertextes vers les critères des référentiels AccessiWeb et RGAA) ; 2013-01-08 (mise à jour version référentiel AccessiWeb).

Auteur : [courrier électronique]Patrice Bourlon

Présentation du test

Nous proposons sur ce site un test d’accessibilité gratuit. Ce test rapide vise à donner un premier éclairage sur le niveau d’accessibilité d’un site ; il constitue un pré-audit permettant d’apprécier l’opportunité de lancer un audit accessibilité plus approfondi pour la réception des travaux de votre prestataire, la préparation d’une labellisation AccessiWeb®, l’élaboration de l’attestation de conformité RGAA, etc.

Le rapport de ce test peut également être utilisé comme support pour la sensibilisation de vos équipes à la problématique de l’accessibilité Web (voir nos pages formation).

La grille d’analyse : 10 critères

Avertissement

Les liens hypertextes vers les critères du Référentiel général d’accessibilité pour les administrations (RGAA) pointent vers les pages du site [externe]rgaa.net, aucune version navigable de ce référentiel n’étant proposée sur le [externe]site officiel du RGAA.

Critère 1

Chacune des images possède-t-elle un équivalent textuel ?

En relation avec :

• critère [externe]AccessiWeb 1.1 (version 2.2 du référentiel) ;
• test [externe]RGAA 4.1 (version 2.2 du référentiel).

Modalités d’évaluation

1. Ouverture de la page dans Firefox.
2. Extension [externe]Web Developer : menu « Images », « Cacher les images d’arrière-plan », puis « Informations sur les images ».
3. Vérification de la présence de attribut alt pour chacune des images de la page (éléments HTML img, area et input type="image").
4. Si c’est le cas le critère est validé, sinon le critère est invalidé.

Critère 2

Chaque « cadre » a-t-il un titre ?

En relation avec :

• critère [externe]AccessiWeb 2.1 ;
• test [externe]RGAA 1.1.

Modalités d’évaluation

1. Ouverture de la page dans Internet Explorer.
2. [externe]Barre d’accessibilité du Web : menu « Cadres », « Noms / Titres des cadres ».
3. Vérification de la présence de l’attribut title pour chacun des cadres (élément HTML frame) et cadres en ligne (élément HTML iframe) de la page.
4. Si c’est le cas le critère est validé, sinon le critère est invalidé.

Critère 3

Le contraste entre la couleur du texte de taille courante et la couleur de son arrière-plan est-il suffisamment élevé ?

En relation avec :

• critère [externe]AccessiWeb 3.3 (tests 3.3.1 et 3.3.2) ;
• tests [externe]RGAA 2.5, [externe]2.6 et [externe]2.7. Le RGAA précise toutefois : « Si la couleur du texte et celle de son arrière plan ont été définies par la charte graphique du service de communication publique en ligne, et que cette définition [est antérieure] à la publication du RGAA, […] le test est non applicable ». Cette précision devra être prise en compte par les éditeurs lorsqu’ils procèderont à une validation formelle de leurs sites pour établir l’attestation de conformité RGAA.

Modalités d’évaluation

1. Ouverture de la page dans un navigateur graphique.
2. Outil utilisé : [externe]Contrast Analyser.
3. Vérification que le rapport de contraste entre le texte de taille courante et sa couleur d’arrière-plan est au minimum de 4:5:1, ou bien qu’un procédé est disponible pour afficher le texte avec ce rapport minimum de contraste.
4. Si c’est le cas le critère est validé, sinon le critère est invalidé.

Critère 4

L’utilisateur est-il averti préalablement de l’ouverture d’un lien hypertexte dans une nouvelle fenêtre ?

En relation avec :

• critère [externe]AccessiWeb 13.2 (test 13.2.1) ;
• tests [externe]RGAA 6.2, [externe]6.3 et [externe]6.4.

Modalités d’évaluation

1. Ouverture de la page dans Firefox.
2. Extension [externe]Web Developer : menu « Voir source », « Voir le code source généré ».
3. Analyse du code source de la page ; vérification de la présence d’un avertissement signalant l’ouverture du lien dans une nouvelle fenêtre pour tous les liens ayant l’attribut target="_blank" ou ouverts par JavaScript.
4. Si c’est le cas le critère est validé, sinon le critère est invalidé.

Critère 5

Chaque tableau de données a-t-il un résumé ?

En relation avec :

• critère [externe]AccessiWeb 5.1 ;
• test [externe]RGAA 11.8.

Modalités d’évaluation

1. Ouverture de la page dans Firefox.
2. Extension [externe]Web Developer : menu « Voir source », « Voir le code source généré ».
3. Analyse du code source de la page ; vérification de la présence de l’attribut summary pour chaque tableau de données.
4. Si c’est le cas le critère est validé, sinon le critère est invalidé.

Critère 6

L’accès aux informations et aux fonctions proposées est-il toujours possible si JavaScript est désactivé ?

En relation avec :

• critère [externe]AccessiWeb 7.1 ;
• test [externe]RGAA 8.12.

Modalités d’évaluation

1. Ouverture de la page dans Firefox.
2. Extension [externe]Web Developer : menu « Voir source », « Voir le code source généré ».
3. Analyse du code source de la page ; vérification de la présence d’une alternative pour les contenus mis à disposition par JavasScript (informations, liens, menus, etc.).
4. Si c’est le cas le critère est validé, sinon le critère est invalidé.

Critère 7

Les éléments HTML de titrage sont-ils utilisés pour structurer le contenu de la page ?

En relation avec :

• critère [externe]AccessiWeb 9.1 (tests 9.1.1 et 9.1.2) ;
• tests [externe]RGAA 10.1 et [externe]10.3.

Modalités d’évaluation

1. Ouverture de la page dans Firefox.
2. Extension [externe]Web Developer : menu « Information », « Plan du document ».
3. Vérification de la présence d’au moins un titre de niveau 1 (élément HTML h1) sur la page et de la bonne hiérarchisation des titres (éléments HTML h1 à h6).
4. Si c’est le cas le critère est validé, sinon le critère est invalidé.

Critère 8

Le type de document (élément HTML doctype) est-il spécifié pour la page analysée ?

En relation avec :

• critère [externe]AccessiWeb 8.1 (test 8.1.1) ;
• test [externe]RGAA 9.1.

Modalités d’évaluation

1. Ouverture de la page dans Internet Explorer.
2. [externe]Barre d’accessibilité du Web : menu « Informations », « Voir le DOCTYPE ».
3. Vérification de la présence du doctype.
4. Si c’est le cas le critère est validé, sinon le critère est invalidé.

Critère 9

La langue principale du document est-elle spécifiée ?

En relation avec :

• critère [externe]AccessiWeb 8.3 ;
• test [externe]RGAA 9.8

Modalités d’évaluation

1. Ouverture de la page dans Firefox.
2. Extension [externe]Web Developer : menu « Voir source », option « Voir source ».
3. Analyse du code source de la page ; vérification de la présence d’un attribut lang ou xml:lang sur l’élément HTML html de la page.
4. Si c’est le cas le critère est validé, sinon le critère est invalidé.

Critère 10

La page analysée a-t-elle un titre pertinent ?

En relation avec :

• critères [externe]AccessiWeb 8.5 et [externe]8.6 ;
• tests [externe]RGAA 9.6 et [externe]9.7.

Modalités d’évaluation

1. Ouverture de la page dans Internet Explorer.
2. [externe]Barre d’accessibilité du Web : menu « Informations », « Informations sur la page [nouvelle fenêtre] ».
3. Vérification de la présence et de la pertinence de l’élément HTML title de la page.
4. Si c’est le cas le critère est validé, sinon le critère est invalidé.