Vous êtes ici : Accueil » Base de connaissances » Évaluer l’accessibilité » Évaluation de conformité


Évaluation de conformité

Table des matières

Faire une évaluation de conformité

Par Jean-Marie D’Amour
avec la collaboration de Yves Hudon

Note  : Ce texte de vulgarisation n’engage en rien le Bureau du dirigeant principal de l’information au Secrétariat du Conseil du trésor, responsable des standards du gouvernement du Québec sur l’accessibilité du Web (standards SGQRI 008).

Nous regroupons dans cette section les différentes grilles d’évaluation offerte pour chaque thème présenté dans la section sur les règles d’accessibilité.

Retour en haut de page

Les outils d’évaluation

Nous avons proposé différentes fonctionnalités que l’on retrouve dans trois outils gratuits :

De façon générale, les deux premiers outils sont assez équivalent et le choix de l’un ou de l’autre est donc une question de préférence. Le troisième outils, Accessibility evaluation toolbar,vient compléter, sur Firefox, certaines fonctionnalités manquantes dan la Wel developer toolbar.

Notons toutefois, que pour l’évaluation des tableaux de données complexes, rien ne vaut la Web developer toolbar pour sa facilité d’utilisation.

À ces trois outils, nous vous proposons d’ajouter un dernier outil gratuit qui n’est disponible qu’en anglais, mais serait facile à traduire. Cet outil s’appelle Wave et a été conçu par l’organisme américain WebAIM, organisme qui offre de nombreuses ressources en matière d’accessibilité. Wave ajoute des icônes à la page Web pour marquer les erreurs (en rouge), les avertissement (en jaune) et divers informations sémantiques utiles (en vert). Il s’agit donc d’un outil d’exploration visuelle du niveau de conformité d’une page. Une fois que l’on connaît la signification des icônes, la langue n’est donc plus une barrière.

Cet outil existe sous deux formes :

  • La Wave toolbar pour Firefox sous Windows ou Mac OSX ;
  • La version en ligne de Wave.

Contrairement aux trois premiers outils, Wave affiche presque instannément tous les aspect de la page qui peuvent faire l’object d’une évaluation automaituqe (environ un tiers) ou semi-automatique (environ un autre tiers). C’est donc dire qu’une évaluation complète doit inclure aussi une bonne part de vérifications manuelles basée, en partie sur des informations fournies par Wave. Cet outil ne produit aucun rapport sinon la page émaillée de toute une panoplie d’icônes.

Malgré ses limites, Wave peut s’avérer fort utile dans le quotidien pour les développeurs Web parce qu’il permet une vue d’ensemble ou les erreurs et les avertissement peuvent être faciliment repérés, permettant de corriger plusieurs problèmes et d’alléger d’autant les vérifications et les corrections nécessaires à l’étape du contrôle qualité.

Il existe aussi des outils commerciaux à des coûts modérés ou considérables selon les fonctionnalités proposées. Aucun de ces outils n’est toutefois encore adapté en fonction des standards SGQRI 008.

Nous y reviendrons éventuellement.

Retour en haut de page

Grille d’évaluation de la conformité

Les cas particuliers dans SGQRI 008

Site Web
(SGQRI 008-01)
Doc. téléch.
(SGQRI 008-02)
Multimédia
(SGQRI 008-03)
Un contenu qui ne satisfait pas à toutes les exigences applicables fait-il l’objet d’une version de rechange équivalente qui y satisfait (SW-6.1) ? Vérification manuelle. Un document (ou une partie) qui ne satisfait pas à toutes les exigences applicables fait-il l’objet d’une version de rechange équivalente - qui y satisfait OU - qui satisfait à celles du Standard sur l’accessibilité d’un site Web (SGQRI 008-01) (DT-6.1) ? Un contenu qui ne satisfait pas à toutes les exigences applicables fait-il l’objet d’une version de rechange équivalente qui y satisfait (M-6.1) ?
Une version de rechange équivalente peut-elle être atteinte par un hyperlien utilisable par les technologies d’adaptation informatiques (SW-6.2) ? Vérification manuelle. Une version de rechange équivalente peut-elle être atteinte par un hyperlien utilisable par les technologies d’adaptation informatiques (DT-6.2) ? Une version de rechange équivalente peut-elle être atteinte par un hyperlien utilisable par les technologies d’adaptation informatiques (M-6.2) ?
Un contenu qui ne satisfait pas à toutes les exigences applicables, mais qui provient d’un tiers non assujetti répond-il aux trois conditions suivantes :
1) ce contenu est précédé d’un hyperlien menant à la page Accessibilité et contenant une icône dont l’attribut alt présente un avertissement (SW-7.1a, Annexe 1-1 et SW-12c) ;
2) l’avertissement est inclus dans l’attribut alt de l’icône de l’hyperlien conduisant à ce contenu lorsqu’il est placé sur une autre page (SW-7.1b, Annexe 1-1 et SW-12c) ;
3) l’icône utilisée est décrite dans la page Accessibilité (SW-7.1c et SW-12c) ?
Un document (ou une partie) qui ne satisfait pas à toutes les exigences applicables, mais qui provient d’un tiers non assujetti est-il accompagné des métadonnées :
1) titre :
2) nom du titulaire du droit d’auteur, s’il est mis en ligne par un ministère ou un organisme qui ne l’a pas créé ;
3) date de la dernière mise à jour ou de la création et
4) résumé (DT-7.1 et DT-8a) ?
Un contenu audio ou vidéo ou une animation Web qui ne satisfait pas à toutes les exigences applicables, mais qui provient d’un tiers non assujetti est-il accompagné des métadonnées :
1) titre :
2) nom du titulaire du droit d’auteur, s’il est mis en ligne par un ministère ou un organisme qui ne l’a pas créé ;
3) date de la dernière mise à jour ou de la création et
4) résumé (DT-7.1 et M-8a) ?
Une page Web dont tous les contenus proviennent d’un tiers non assujetti et ne satisfont pas à toutes les exigences applicables répond-elle aux deux conditions suivantes :
1) un hyperlien contenant une icône avec un avertissement est placé sous l’en-tête de niveau 1 (SW-7.3a) ;
2) l’icône utilisée est décrite dans la page Accessibilité (SW-7.1c et SW-12c) ?
   
Un contenu qui ne satisfait pas à toutes les exigences applicables, mais qui est interactif à caractère ludique, interactif non informatif ou cartographique Web dynamique répond-il aux quatre conditions suivantes :
1) ce contenu est précédé d’un hyperlien menant à la page Accessibilité et contenant une icône dont l’attribut alt présente un avertissement (SW-7.1a, Annexe 1-1 et SW-12c) ;
2 ) l’avertissement est inclus dans l’attribut alt de l’icône de l’hyperlien conduisant à ce contenu lorsqu’il est placé sur une autre page (SW-7.1b, Annexe 1-1 et SW-12c) ;
3) l’avertissement mentionne la possibilité que le contenu puisse ne pas satisfaire aux exigences (SW-7.7a) ; 4) l’icône utilisée est décrite dans la page Accessibilité (SW-7.1c et SW-12c) ?
Un document (ou une partie) qui ne satisfait pas à toutes les exigences applicables, mais qui est issu d’une numérisation sous la forme d’une image, ou qui s’adresse à un groupe particulier, ou qui est une version préliminaire d’une durée de vie inférieure à 6 mois est-il accompagné des métadonnées :
1) titre :
2) nom du titulaire du droit d’auteur, s’il est mis en ligne par un ministère ou un organisme qui ne l’a pas créé ;
3) date de la dernière mise à jour ou de la création et
4) résumé (DT-7.2 et DT-8a) ?
Un contenu audio ou vidéo ou une animation Web qui ne satisfait pas à toutes les exigences applicables, mais qui est interactif à caractère ludique, ou interactif non informatif, ou s’adresse à un groupe particulier, ou a une durée de vie inférieure à deux jours, ou est numérisé à des fins d’archivage à partir d’un format autre que numérique est-il accompagné des métadonnées :
1) titre :
2) nom du titulaire du droit d’auteur, s’il est mis en ligne par un ministère ou un organisme qui ne l’a pas créé ;
3) date de la dernière mise à jour ou de la création et
4) résumé (M-7.2 et M-8a) ?
Une page Web dont tous les contenus sont interactifs à caractère ludique, interactifs non informatifs ou cartographiques Web dynamiques et ne satisfont pas à toutes les exigences applicables répond-elle aux trois conditions suivantes :
1) un hyperlien contenant une icône avec un avertissement est placé sous l’en-tête de niveau 1 (SW-7.3a) ;
2) l’avertissement mentionne la possibilité que le contenu puisse ne pas satisfaire aux exigences (SW-7.7a) ;
3) l’icône utilisée est décrite dans la page Accessibilité (SW-7.1c et SW-12c) ?
   
Un formulaire Web qui ne satisfait pas à toutes les exigences applicables, mais qui s’adresse à un groupe particulier comporte-t-il une offre d’assistance permettant à une personne handicapée de le remplir (SW-8.1) ?    
L’offre d’assistance prévue à l’article 8 est-elle aussi présente sur la page Accessibilité (SW-8.2) ?    

L’application à l’existant dans SGQRI 008

Site Web
(SGQRI 008-01)

Doc. téléch.
(SGQRI 008-02)

Multimédia
(SGQR 008-03)

25. À moins qu’une refonte du site Web public existant le 9 mai 2012 ne soit nécessaire, un tel site doit, au plus tard à cette date :

a) satisfaire à l’exigence prévue à l’article 12 et la page Web prévue à cet article doit être conforme aux exigences visées à l’article 4 ;

b) pour la page d’accueil du site, le plan de site et toute page d’accueil des trois premiers niveaux de navigation du site, être conforme aux exigences visées à l’article 4.

Si une refonte s’avère nécessaire pour se conformer au paragraphe a) du premier alinéa, seule la page d’accueil doit être modifiée et la situation doit être motivée dans la page Web Accessibilité prévue à l’article 12.

Pour l’application de la présente sous-section, si un site Web public comporte des applications Web, chaque application peut être considérée comme étant un site Web distinct.

En outre, pour l’application de cette sous-section, on entend par « refonte » notamment :

a) tout changement d’architecture de l’information, ce qui inclut, entre autres, toute réorganisation des éléments de navigation et toute modification en profondeur des contenus Web ;

b) tout changement de technologie, ce qui inclut, entre autres, de passer d’un site Web statique à un site Web dynamique ;

c) toute fusion de sites Web ;

d) toute modification globale du codage HTML ou XHTML ou de la feuille de style, ce qui inclut, entre autres, bâtir des gabarits.

 

22. Tout contenu audio ou vidéo ou animation Web existant le 9 mai 2013 et non conforme aux exigences qui lui sont applicables doit être accompagné d’un avertissement. Celui-ci doit être aussi inclus dans la page Web associée à l’hyperlien Accessibilité prévue à l’article 12 du Standard sur l’accessibilité d’un site Web (SGQRI 008-01).

À compter du 30 septembre 2013, un rapport annuel sur l’application du présent standard a-t-il été mis en ligne dans la page Accessibilité (SW-12 et SW-24) ?

Si cette modification n’impose pas une refonte, toute page du site comporte-t-elle un hyperlien Accessibilité (SW-12 et SW-25a-1) ?

Si ces modifications n’imposent pas une refonte, la page d’accueil du site, la page Accessibilité, le plan de site et toute page d’accueil des trois premiers niveaux de navigation du site sont-elles conformes (SW-25b) ?

Si la mise en conformité au standard de la page d’accueil du site, la page accessibilité, le plan de site et toute page d’accueil des trois premiers niveaux de navigation du site et si un hyperlien Accessibilité sur toute page du site et imposent une refonte, est-ce qu’au moins la page d’accueil est conforme (SW-25 2e paragraphe.1) ?

Si la mise en conformité au standard de la page d’accueil du site, de la page accessibilité, du plan de site et de toute page d’accueil des trois premiers niveaux de navigation du site et si un hyperlien Accessibilité sur toute page du site imposent une refonte, est-ce que la situation a été motivée dans la page Web Accessibilité (SW-25 2e paragraphe.2) ?

À compter du 30 septembre 2013, un rapport annuel sur l’application du présent standard a-t-il été mis en ligne dans la page Accessibilité (DT-20) ?

À compter du 30 septembre 2013, un rapport annuel sur l’application du présent standard a-t-il été mis en ligne dans la page Accessibilité (M-21) ?

Tout contenu audio ou vidéo ou animation Web existant le 9 mai 2013 et ne satisfaisant pas à toutes les exigences qui lui sont applicables est-il accompagné d’un avertissement (M-22.1) ?

L’avertissement accompagnant tout contenu audio ou vidéo ou animation Web existant le 9 mai 2013 et ne satisfaisant pas à toutes les exigences qui lui sont applicables est-il aussi présent dans la page Accessibilité (M-22.2) ?

26. À moins qu’une refonte du site Web public ne soit nécessaire, tout formulaire Web existant le 9 mai 2012, à l’exception de celui qui s’adresse à des personnes faisant partie d’un groupe particulier en fonction notamment de leur emploi ou de la nature de leurs activités, doit, au plus tard à cette date, satisfaire aux exigences visées à l’article 4.

Si le ministère ou l’organisme ne s’est pas conformé à ces exigences dans ce délai, il doit :

a) prévoir, au plus tard à cette date, une offre d’assistance sur un tel site permettant à une personne handicapée de remplir un tel formulaire non conforme et la page Web Accessibilité prévue à l’article 12 doit aussi prévoir une telle offre d’assistance ;

b) s’y conformer au plus tard le 9 mai 2014. Dans un tel cas, le ministère ou l’organisme doit s’activer à satisfaire progressivement à cette obligation en accordant la priorité aux formulaires destinés aux personnes handicapées.

Malgré les deux premiers alinéas, un tel formulaire qui s’adresse à des personnes faisant partie d’un groupe particulier en fonction notamment de leur emploi ou de la nature de leurs activités et qui ne satisfait pas à toutes les exigences qui lui sont applicables, est conforme au standard s’il satisfait à l’exigence prévue au paragraphe a) du deuxième alinéa.

21. Tout formulaire téléchargeable existant le 9 novembre 2012 sur un site Web public et ne satisfaisant pas à toute les exigences qui lui sont applicables doit, au plus tard à cette date :

a) soit, être accompagné d’une offre d’assistance à une personne handicapée pour remplir ce formulaire ;

b) soit, offrir un hyperlien vers un formulaire Web équivalent et conforme aux exigences du Standard sur l’accessibilité d’un site Web (SGQRI 008-01).

 

À l’exception de celui qui s’adresse à des personnes faisant partie d’un groupe particulier, tout formulaire existant le 9 mai 2012 répond-il aux deux conditions suivantes :
 1) est-il conforme
OU propose-t-on de l’assistance aux personnes handicapées pour remplir ce formulaire (SW-26.1) ;
 2) cette offre d’assistance se trouve-t-elle aussi sur la page Web Accessibilité (SW-26a) ?

À partir du 10 mai 2014, tout formulaire Web non conforme qui ne s’adresse pas à un groupe particulier est-il conforme (SW-26b) ?

À partir du 10 mai 2014, tout formulaire non conforme qui s’adresse à un groupe particulier répond-il aux deux conditions suivantes :
 1) il est accompagné d’une offre d’assistance aux personnes handicapées pour remplir ce formulaire (SW-26 2e paragraphe.1) ;
 2) cette offre d’assistance se trouve aussi sur la page Accessibilité (SW-26 2e paragraphe.2) ?

Tout formulaire téléchargeable existant le 9 novembre 2012 sur un site Web public et ne satisfaisant pas à toutes les exigences qui lui sont applicables, au plus tard à cette date :
- est-il accompagné d’une offre d’assistance à une personne handicapée pour remplir ce formulaire
OU
- offre-t-il un hyperlien vers un formulaire Web équivalent et conforme aux exigences du Standard sur l’accessibilité d’un site Web (SGQRI 008-01) (DT-21.1) ?

L’offre d’assistance à une personne handicapée pour remplir tout formulaire téléchargeable existant le 9 novembre 2012 sur un site Web public et ne satisfaisant pas à toutes les exigences qui lui sont applicables est-elle aussi présente dans la page Accessibilité (DT-21.2) ?

 

27. À moins qu’une refonte du site Web public existant le 9 mai 2012 ne soit nécessaire, tout ajout ou modification apporté à un tel site après cette date doit être conforme aux exigences visées à l’article 4.

28. Tout site Web public faisant l’objet d’une refonte après le 9 mai 2012 doit être conforme aux exigences visées à l’article 4.

22. Tout ajout ou modification apporté après le 9 novembre 2012 à un document téléchargeable existant à cette date, doit être conforme aux exigences visées à l’article 4, à l’exception de celle prévue au paragraphe d) du premier alinéa de l’article 12.

23. Tout ajout ou modification apporté après le 9 mai 2013 à un contenu audio ou vidéo ou une animation Web existant à cette date, doit être conforme aux exigences applicables en vertu des articles 4 ou 5, selon le cas.

À moins qu’une refonte ne soit nécessaire, à partir du 10 mai 2012, tout ajout ou modification est-il conforme (SW-27) ?

Tout site Web faisant l’objet d’une refonte après le 9 mai 2012 est-il conforme (SW-28) ?

Est-ce que tout ajout ou toute modification apportée après le 9 novembre 2012 à un document téléchargeable existant à cette date est conforme au standard, à l’exception de l’exigence 12d (DT-22) ?

Est-ce que tout ajout ou toute modification apportée après le 9 mai 2013 à un contenu audio ou vidéo ou à une animation Web existant à cette date est conforme au standard (M-23) ?

29. Tout site Web public existant le 9 mai 2012 doit énumérer, au plus tard à cette date, dans la page Web Accessibilité prévue à l’article 12, toute modification envisagée, outre celles prévues à la présente sous-section, pour améliorer l’accessibilité du site Web.

23. Tout site Web public existant le 9 novembre 2012 doit énumérer au plus tard à cette même date, dans la page Web Accessibilité prévue à l’article 12 du Standard sur l’accessibilité d’un site Web (SGQRI 008-01), toute modification envisagée, outre celles prévues à la présente sous-section, pour améliorer l’accessibilité des documents téléchargeables existants à cette même date.

24. Tout site Web public existant le 9 mai 2013 doit énumérer au plus tard à cette même date, dans la page Web Accessibilité prévue à l’article 12 du Standard sur l’accessibilité d’un site Web (SGQRI 008-01), toute modification envisagée, outre celles prévues à la présente sous-section, pour améliorer l’accessibilité de tout contenu audio ou vidéo ou animation Web existant à cette même date.

 

 

 

 

Les contenus non textuels

SGQRI 008-01
(site Web)
SGQRI 008-02
(doc. téléchargeable)
SGQRI 008-03
(multimédia)
WCAG 2.0
Grille AccessiWeb 2.1 de Braillenet
(suivre ce lien pour voir les tests rattachés à chaque critère)

Toute balise <object> comporte-t-elle,
- soit un contenu directement utilisable par les technologies d’adaptation informatiques,
- soit un texte donnant une version de rechange équivalente conforme,
- soit un hyperlien vers cette version (SW-10d) ?

  • Web Accessibility toolbar : Code source | Mise en avant du code source | Code source [Mise en avant des objets /scripts]
  • JAWS ou NVDA : Recherche la balise <object> dans le code source de la page
  • Web developer toolbar : CSS | Désactiver les styles CSS | Tous les styles (CTRL+MAJ+S).
    Information | Afficher les détails des éléments object
   

Critère 4.15 [Bronze] Chaque média temporel est-il clairement identifiable (hors cas particuliers) ?

Critère 4.16 [Bronze] Chaque média non temporel a-t-il, si nécessaire, une alternative (hors cas particuliers) ?

Critère 4.17 [Bronze] Pour chaque média non temporel ayant une alternative, cette alternative est-elle pertinente ?

 

Toute image informative est-elle codée avec la balise <img> (SW-20a et Annexe 1-6a) ?

     

Toute image informative zone sensible d’une image à hyperliens multiples, comporte-t-elle un texte de remplacement codé avec l’attribut alt (SW-20b et Annexe 1-6b) ?

Toute image informative ou zone sensible d’une image à hyperliens multiples, comporte-t-elle un texte de remplacement (DT-15a) ?

Toute image informative ou zone sensible d’une image à hyperliens multiples, comporte-t-elle un texte de remplacement (M-18a) ?

Critère 1.1 [Bronze] Chaque image a-t-elle une alternative textuelle ?

Critère 1.3 [Bronze] Pour chaque image porteuse d’information ayant une alternative textuelle, cette alternative est-elle pertinente (hors cas particuliers) ?

Toute image qui comprend du texte qui n’est pas seulement décoratif, comporte-t-elle un texte de remplacement qui reprend au moins le texte non décoratif apparaissant dans l’image (SW-20c) ?

Toute image qui comprend du texte qui n’est pas seulement décoratif, comporte-t-elle un texte de remplacement qui reprend au moins le texte non décoratif apparaissant dans l’image (DT-15b) ?

Toute image qui comprend du texte qui n’est pas seulement décoratif, comporte-t-elle un texte de remplacement qui reprend au moins le texte non décoratif apparaissant dans l’image (M-18b) ?

 

Toute image uniquement décorative ou qui est accompagnée d’une légende présentant un contenu équivalent, est-elle codée avec l’attribut alt vide : alt="" (SW-20d et Annexe 1-6c) ?

  • Web Accessibility toolbar : Images | Mettre en valeur les images
  • JAWS ou NVDA : Parcourir la liste des liens avec INSÈRE+F7
  • Web developer toolbar : Images | Afficher les attributs alt

Toute image uniquement décorative ou qui est accompagnée d’une légende présentant un contenu équivalent est-elle intégrée ou balisée pour qu’elle soit ignorée par les technologies d’adaptation informatiques (DT-15c) ?

Toute image uniquement décorative ou qui est accompagnée d’une légende présentant un contenu équivalent, est-elle intégrée de la façon appropriée pour qu’elle soit ignorée par les technologies d’adaptation informatiques (DT-18c) ?

Critère 1.2 [Bronze] Pour chaque image de décoration ayant une alternative textuelle, cette alternative est-elle vide ?

Toute image qui illustre un bouton graphique de formulaire Web ou une icône, comporte-t-elle un texte de remplacement décrivant sa fonction (SW-20e) ?

Toute image qui illustre un bouton graphique de formulaire ou une icône, comporte-t-elle un texte de remplacement décrivant sa fonction (DT-15d) ?

Toute image qui illustre un bouton graphique ou une icône, comporte-t-elle un texte de remplacement décrivant sa fonction (M-18d) ?

 

Toute image qui est utilisée pour un examen ou un exercice qui deviendrait invalide si l’image était présentée en texte, comporte-t-elle un texte de remplacement décrivant la fonction de l’illustration (SW-20f) ?

Toute image qui est utilisée pour un examen ou un exercice qui deviendrait invalide si l’image était présentée en texte, comporte-t-elle un texte de remplacement décrivant la fonction de l’illustration (DT-15e) ?

Toute image qui est utilisée pour un examen ou un exercice qui deviendrait invalide si l’image était présentée en texte, comporte-t-elle un texte de remplacement décrivant la fonction de l’illustration (M-18e) ?

Critère 1.4 [Bronze] Pour chaque image utilisée comme CAPTCHA ou comme image-test, ayant une alternative textuelle, cette alternative permet-elle d’identifier la nature et la fonction de l’image ?

Toute image utilisée comme CAPTCHA, comporte-t-elle un texte de remplacement décrivant la fonction de l’illustration (SW-20g.1) ?

Toute image utilisée comme CAPTCHA, comporte-t-elle un texte de remplacement décrivant la fonction de l’illustration (DT-15f.1) ?

Toute image utilisée comme CAPTCHA, comporte-t-elle un texte de remplacement décrivant la fonction de l’illustration (M-18f.1) ?

Critère 1.4 [Bronze] Pour chaque image utilisée comme CAPTCHA ou comme image-test, ayant une alternative textuelle, cette alternative permet-elle d’identifier la nature et la fonction de l’image ?

Pour toute image utilisée comme CAPTCHA, prévoit-on d’autres formes équivalentes de ce test pour différents types de perception sensorielle (SW-20g.2) ?

Pour toute image utilisée comme CAPTCHA, prévoit-on d’autres formes équivalentes de ce test pour différents types de perception sensorielle (DT-15f.2) ?

Pour toute image utilisée comme CAPTCHA, prévoit-on d’autres formes équivalentes de ce test pour différents types de perception sensorielle (M-18f.2) ?

Critère 1.5 [Bronze] Pour chaque image utilisée comme CAPTCHA, une solution d’accès alternatif au contenu ou à la fonction du CAPTCHA est-elle présente ?

Pour toute image utilisée comme CAPTCHA, offre-t-on de l’assistance aux personnes incapables de réussir ce test (SW-20g.3) ?

Pour toute image utilisée comme CAPTCHA, offre-t-on de l’assistance aux personnes incapables de réussir ce test (DT-15f.3) ?

Pour toute image utilisée comme CAPTCHA, offre-t-on de l’assistance aux personnes incapables de réussir ce test (M-18f.3) ?

Critère 1.5 [Bronze] Pour chaque image utilisée comme CAPTCHA, une solution d’accès alternatif au contenu ou à la fonction du CAPTCHA est-elle présente ?

Toute image qui illustre un schéma, un graphe, un organigramme ou un diagramme,
- comporte-t-elle une description complète sur la même page, que cette description soit visible ou non
OU
- offre-t-elle un hyperlien vers cette description sur une autre page (SW-20h) ?

  • Web Accessibility toolbar : Vérifier si la description est incluse dans la page ou si un lien y conduit, CSS | Désactiver les CSS, Utiliser Images | Liste des images pour vérifier s’il y a un longdesc
  • JAWS ou NVDA : Parcourir la page avec G et MAJ+G
  • Web developer toolbar : Images | Afficher les attributs alt.
    CSS | désactiver les styles css | Tous les styles (CTRL+MAJ+S).
    Voir source | Voir le code source généré, rechercher longdesc= dans le code source et lire la page référencée

Toute image qui illustre un schéma, un graphe, un organigramme ou un diagramme, comporte-t-elle une description complète à proximité ou offre-t-elle un hyperlien vers cette description (DT-15g) ?

Toute image qui illustre un schéma, un graphe, un organigramme ou un diagramme :
- comporte-t-elle une description complète à proximité
OU
- offre-t-elle un hyperlien vers cette description (M-18g) ?

Critère 1.6 [Bronze] Chaque image porteuse d’information a-t-elle, si nécessaire, une description détaillée ?

Critère 1.7 [Bronze] Pour chaque image porteuse d’information ayant une description détaillée, cette description est-elle pertinente ?

Le contenu est -il exempt de dessin réalisé avec des caractères, à moins que celui-ci ne soit présenté sous forme d’image (SW-20i) ?

Le contenu est -il exempt de dessin réalisé avec des caractères, à moins que celui-ci ne soit présenté sous forme d’image (DT-15h) ?

Le contenu est -il exempt de dessin réalisé avec des caractères, à moins que celui-ci ne soit présenté sous forme d’image (M-18h) ?

Critère 13.11 [Bronze] Dans chaque page Web, chaque contenu cryptique (art ascii, émoticon, syntaxe cryptique) a-t-il une alternative ?

Critère 13.12 [Bronze] Dans chaque page Web, pour chaque contenu cryptique (art ascii, émoticon, syntaxe cryptique) ayant une alternative, cette alternative est-elle pertinente ?

     

Critère 13.7 [Bronze] Dans chaque page Web, chaque document bureautique en téléchargement possède-t-il, si nécessaire, une version accessible (hors cas particuliers) ?

Critère 13.8 [Bronze] Pour chaque document bureautique ayant une version accessible, cette version offre-t-elle la même information ?

Les médias temporels pour les personnes ayant des limitations visuelles

SGQRI 008-01
(site Web)
SGQRI 008-02
(doc. téléchargeable)
SGQRI 008-03
(multimédia)
WCAG 2.0
Grille AccessiWeb 2.1 de Braillenet
(suivre ce lien pour voir les tests rattachés à chaque critère)

 

Une présentation audio préenregistrée est-elle accompagnée d’une transcription textuelle (M-10a) ?

Critère 4.20 [Bronze] La consultation de chaque média temporel est-elle contrôlable par le clavier et la souris ?

 

Une vidéo préenregistrée est-elle accompagnée :
- d’une narration audio décrivant tout élément visuel nécessaire à sa compréhension à partir de la piste audio
OU
- d’une transcription textuelle de tout élément sonore et visuel nécessaire à sa compréhension (M-10b) ?

Critère 4.1 [Bronze] Chaque média temporel pré-enregistré a-t-il, si nécessaire, une transcription textuelle ou une audio-description (hors cas particuliers) ?

Critère 4.2 [Bronze] Pour chaque média temporel pré-enregistré ayant une transcription textuelle ou une audio-description synchronisée, celles-ci sont-elles pertinentes (hors cas particuliers) ?

Critère 4.7 [Argent] Chaque média temporel synchronisé pré-enregistré a-t-il, si nécessaire, une audio-description synchronisée ?

Critère 4.8 [Argent] Pour chaque média temporel pré-enregistré ayant une audio-description synchronisée, celle-ci est-elle pertinente ?

   

Critère 4.11 [Or] Chaque média temporel pré-enregistré a-t-il, si nécessaire, une audio-description étendue synchronisée (hors cas particuliers) ?

Critère 4.12 [Or] Pour chaque média temporel pré-enregistré ayant une audio-description étendue synchronisée, celle-ci est-elle pertinente ?

Critère 4.13 [Or] Chaque média temporel synchronisé ou seulement vidéo a-t-il, si nécessaire, une transcription textuelle (hors cas particuliers) ?

Critère 4.14 [Or] Pour chaque média temporel synchronisé ou seulement vidéo, ayant une transcription textuelle, celle-ci est-elle pertinente ?

Les médias temporels pour les personnes ayant des limitations auditives

SGQRI 008-01
(site Web)
SGQRI 008-02
(doc. téléchargeable)
SGQRI 008-03
(multimédia)
WCAG 2.0
Grille AccessiWeb 2.1 de Braillenet
(suivre ce lien pour voir les tests rattachés à chaque critère)

 

Une vidéo préenregistrée, à l’exception d’un discours accompagné d’une transcription textuelle, offre-t-elle des sous-titres ou un médaillon en langue des signes pour les dialogues et tout autre élément sonore nécessaire à la compréhension (M-10c) ?

Critère 4.1 [Bronze] Chaque média temporel pré-enregistré a-t-il, si nécessaire, une transcription textuelle ou une audio-description (hors cas particuliers) ?

Critère 4.2 [Bronze] Pour chaque média temporel pré-enregistré ayant une transcription textuelle ou une audio-description synchronisée, celles-ci sont-elles pertinentes (hors cas particuliers) ?

Critère 4.3 [Bronze] Chaque média temporel synchronisé pré-enregistré a-t-il, si nécessaire, des sous-titres synchronisés (hors cas particuliers) ?

Critère 4.4 [Bronze] Pour chaque média temporel synchronisé pré-enregistré ayant des sous-titres synchronisés, ces sous-titres sont-ils pertinents ?

   

Critère 4.5 [Argent] Chaque média temporel en direct a-t-il, si nécessaire, des sous-titres synchronisés ou une transcription textuelle (hors cas particuliers) ?

Critère 4.6 [Argent] Pour chaque média temporel en direct ayant des sous-titres synchronisés ou une transcription textuelle, ceux-ci sont-ils pertinents ?

   

Critère 4.9 [Or] Chaque média temporel pré-enregistré a-t-il, si nécessaire, une interprétation en langue des signes (hors cas particuliers) ?

Critère 4.10 [Or] Pour chaque média temporel pré-enregistré ayant une interprétation en langue des signes, celle-ci est-elle pertinente ?

La perception de la structure

SGQRI 008-01
(site Web)
SGQRI 008-02
(doc. téléchargeable)
SGQRI 008-03
(multimédia)
WCAG 2.0
Grille AccessiWeb 2.1 de Braillenet
(suivre ce lien pour voir les tests rattachés à chaque critère)

La page Web est-elle comporte-t-elle uniquement des balises utilisées pour les fins auxquelles elles ont été créées (SW-10b) ?

  L’animation Web utilise-t-elle tout moyen offert par la technologie afin de rendre détectable, par les technologies d’adaptation informatiques, toute liste, tout en-tête de section et toute relation entre les cellules d’un tableau de données (M-14b) ?

Critère 8.9 [Bronze] Dans chaque page Web, les balises ne doivent pas être utilisées uniquement à des fins de présentation. Cette règle est-elle respectée ?

Critère 9.5 [Bronze] Dans chaque page Web, chaque citation est-elle correctement indiquée ?

La présentation visuelle du texte est-elle toujours gérée par la feuille de style (SW-11.1) ?

  • Web Accessibility toolbar : CSS | Désactiver les CSS
  • JAWS ou NVDA : lire le code source de la page pour rechercher des balises ou des attributs de présenttion
  • Web developer toolbar : CSS | désactiver les styles css | Tous les styles (CTRL+MAJ+S)

En désactivant le code CSS, l’ordre d’affichage du contenu demeure-t-il logique (SW-11.2 et SW 17e) ?

En désactivant le code CSS, le rapport de contraste de luminosité entre le texte et son arrière-plan est-il de 4,5 pour 1 ou de 3 pour 1 dans le cas de texte agrandi (SW-11.3 et SW 17e) ?

   

Critère 10.1 [Bronze] Dans le site Web, des feuilles de styles sont-elles utilisées pour contrôler la présentation de l’information ?

Critère 10.2 [Bronze] Dans chaque page Web, le contenu visible reste-t-il présent lorsque les feuilles de styles ou les images sont désactivées ?

Critère 10.3 [Bronze] Dans chaque page Web, l’information reste-t-elle compréhensible lorsque les feuilles de styles sont désactivées ?

Indépendamment de son affichage, tout menu de navigation est-il balisé sous la forme d’une liste <ul> ou <ol> avec des listes imbriquées (SW-15f.1 et Annexe 1-3) ?

  • Web Accessibility toolbar : Structure | Mettre en valeur les éléments de liste
  • JAWS ou NVDA : Parcourir la page avec L et MAJ+L
  • Web developer toolbar : Entourer | entourer un élément personnalisé | li.
    Cocher aussi : Entourer | afficher le nom de l’élément entouré

Tout menu de navigation comporte-t-il un maximum de trois niveaux (SW-15f.2) ?

Tout menu déroulant non persistant est-il exempt de menu en cascade de second niveau (SW-15f.3) ?

 

Indépendamment de son affichage, un menu de navigation comporte-t-il un maximum de 3 niveaux (M-13f.1) ?

Un menu déroulant non persistant est-il exempt de menu en cascade de second niveau (M-13f.2) ?

 

Tout en-tête de section est-il codé avec les balises <h1> à <h6> en respectant l’ordre hiérarchique (SW-16d et Annexe 1-4c) ?

  • Web Accessibility toolbar : Structure | Mettre en valeur les titres OU Structure | Voir la structure des titres
  • JAWS ou NVDA : Parcourir la page avec T et MAJ+T
  • Web developer toolbar : Entourer | entourer les titres (h1-h6).
    Cocher aussi : Entourer | afficher le nom de l’élément entouré
Tout en-tête de section est-il détectable par les technologies d’adaptation informatiques (DT-11b) ?   Critère 9.1 [Bronze] Dans chaque page Web, l’information est-elle structurée par l’utilisation appropriée de titres ?

Toute liste autre qu’une liste de définitions est-elle codée avec l’une des balises <ul> ou <ol>, et les éléments sont-ils codés avec la balise <li> (SW-16e-a et Annexe 1-4d) ?

Toute liste de définitions est-elle codée avec la balise <dl> et les éléments sont-ils codés avec les balises <dt> et <dd> (SW-16e-b et Annexe 1-4d) ?

  • Web Accessibility toolbar : Structure | Mettre en valeur les éléments de liste
  • JAWS ou NVDA : Parcourir la page avec L et MAJ+L
  • Web developer toolbar : Entourer | entourer un élément personnalisé | li
    Cocher aussi : entourer | afficher le nom de l’élément entouré
    Critère 9.2 [Bronze] Dans chaque page Web, chaque liste est-elle structurée avec les balises appropriées ?

La page comporte-t-elle au moins un en-tête de section de premier niveau qui reflète la nature ou la fonction du contenu de la page (SW-16f) ?

  • Web Accessibility toolbar : Structure | Mettre en valeur les titres OU Structure | Voir la structure des titres
  • JAWS ou NVDA : Parcourir la page avec T et MAJ+T ou H et MAJ+H
  • Web developer toolbar : Entourer | entourer les titres (h1-h6)
    Cocher aussi : entourer | afficher le nom de l’élément entouré
     

Les formulaires

Voir aussi La navigation et L’aide à la saisie.

Tout champ
- comporte-t-il une étiquette codée avec la balise <label>
OU
- lorsque l’espace est insuffisant pour placer une étiquette, la description de la fonction du champ est-elle donnée dans l’attribut title (SW-21b et Annexe 1-7a) ?

Tout champ associé à une étiquette, comporte-t-il un nom unique codé avec l’attribut id et cette valeur est-elle reprise dans l’attribut for de la balise <label> de son étiquette (SW-21c et Annexe 1-7b) ?

Les tableaux de données

SGQRI 008-01
(site Web)
SGQRI 008-02
(doc. téléchargeable)
SGQRI 008-03
(multimédia)
WCAG 2.0
Grille AccessiWeb 2.1 de Braillenet
(suivre ce lien pour voir les tests rattachés à chaque critère)

Tout tableau de données, comporte-t-il des cellules d’en-tête de ligne ou de colonne codées avec la balise <th> (SW-22a et Annexe 1-8a) ?

  • Web Accessibility toolbar : Tableaux | Mettre en valeur les tableaux de données
  • JAWS ou NVDA : Rechercher <th dans le code source
  • Web developer toolbar : Entourer | entourer les tableaux | Cellules de tableaux et Afficher le nom de l’élément entouré
Tout tableau de données :
- comporte-t-il des cellules d’en-tête de ligne ou de colonne détectables par les technologies d’adaptation informatiques,
OU
- offre-t-il l’une des possibilités suivantes :
 1) un hyperlien vers une page Web qui présente une version de ce tableau qui satisfait aux exigences du Standard sur l’accessibilité d’un site Web (SGQRI 008-01) ;
 2) une description complète présentant les faits saillants ou une synthèse des données présentées dans le tableau ;
 3) un texte de remplacement offrant une présentation de l’information restructurée de façon linéaire (DT-18a) ?
L’animation Web utilise-t-elle tout moyen offert par la technologie afin de rendre détectable, par les technologies d’adaptation informatiques, toute liste, tout en-tête de section et toute relation entre les cellules d’un tableau de données (M-14b) ?

Critère 5.4 [Bronze] Chaque tableau de données a-t-il un titre ?

Critère 5.5 [Bronze] Pour chaque tableau de données ayant un titre, celui-ci est-il pertinent ?

Critère 5.6 [Bronze] Pour chaque tableau de données, chaque en-tête de colonnes et chaque en-tête de lignes sont-ils correctement déclarés ?

Critère 5.7 [Bronze] Pour chaque tableau de données, la technique appropriée permettant d’associer chaque cellule avec ses en-têtes est-elle utilisée ?

 

Dans un tableau complexe de données, chaque balise <th> comporte-t-elle un identifiant unique codé avec l’attribut id (SW-22b.1 et Annexe 1-8b) ?

Dans un tableau complexe de données, chaque cellule à laquelle s’applique une cellule d’en-tête comporte-t-elle un attribut headers dans les balises <td> faisant référence aux cellules d’en-tête correspondantes (SW-22b.2 et Annexe 1-8b) ?

Examiner la page pour identifier les tableaux complexes.

Tout tableau complexe de données :
- comporte-t-il une association explicite entre les cellules de données et les cellules d’en-tête qui est détectable par les technologies d’adaptation informatiques,
OU
- offre-t-il l’une des possibilités suivantes :
 1) un hyperlien vers une page Web qui présente une version de ce tableau qui satisfait aux exigences du Standard sur l’accessibilité d’un site Web (SGQRI 008-01) ;
 2) une description complète présentant les faits saillants ou une synthèse des données présentées dans le tableau ;
 3) un texte de remplacement offrant une présentation de l’information restructurée de façon linéaire (DT-18b) ?

Tout tableau de présentation est-il exempt des attributs et des balises réservés à un tableau de données (SW-22c) ?

    Critère 5.8 [Bronze] Chaque tableau de mise en forme ne doit pas utiliser d’éléments propres aux tableaux de données. Cette règle est-elle respectée ?

Sur un site Web public seulement, un tableau complexe de données comporte-t-il un résumé, codé avec l’attribut <summary> de la balise <table>, qui décrit brièvement les grandes catégories d’information présentées par colonnes et par lignes, et qui note, s’il y a lieu, la présence d’irrégularités dans le nombre de lignes ou de colonnes (SW-22e) ?

Examiner la page pour identifier les tableaux complexes.

   

Critère 5.1 [Bronze] Chaque tableau de données a-t-il un résumé ?

Critère 5.2 [Bronze] Pour chaque tableau ayant un résumé, celui-ci est-il pertinent ?

L’ordre de lecture

SGQRI 008-01
(site Web)
SGQRI 008-02
(doc. téléchargeable)
SGQRI 008-03
(multimédia)
WCAG 2.0
Grille AccessiWeb 2.1 de Braillenet
(suivre ce lien pour voir les tests rattachés à chaque critère)

La présentation visuelle du texte est-elle toujours gérée par la feuille de style (SW-11.1) ?

En désactivant le code CSS, l’ordre d’affichage du contenu demeure-t-il logique (SW-11.2 et SW 17e) ?

En désactivant le code CSS, le rapport de contraste de luminosité entre le texte et son arrière-plan est-il de 4,5 pour 1 ou de 3 pour 1 dans le cas de texte agrandi (SW-11.3 et SW 17e) ?

   

Critère 10.1 [Bronze] Dans le site Web, des feuilles de styles sont-elles utilisées pour contrôler la présentation de l’information ?

Critère 10.2 [Bronze] Dans chaque page Web, le contenu visible reste-t-il présent lorsque les feuilles de styles ou les images sont désactivées ?

Le contenu est-il présenté dans un ordre séquentiel logique détectable par les technologies d’adaptation informatiques (SW-18a) ?

  • Web Accessibility toolbar : CSS | Désactiver les CSS
    Tableaux Linéariser
  • JAWS ou NVDA : Lecture de la page ligne par ligne
  • Web developer toolbar : Divers | linéariser la page
    CSS | désactiver les styles css | Tous les styles (CTRL+MAJ+S)
Le contenu est-il présenté dans un ordre séquentiel logique détectable par les technologies d’adaptation informatiques et a-t-on accès à tout le contenu informatif (DT-13a) ? Le contenu est-il présenté dans un ordre séquentiel logique détectable par les technologies d’adaptation informatiques (M-16a) ? Critère 8.10 [Bronze] Dans chaque page Web, les changements du sens de lecture sont-ils signalés ?

L’information incluse dans un tableau de présentation, respecte-t-elle un ordre séquentiel logique du contenu une fois cette information restructurée de façon linéaire (SW-22d) ?

  • Web Accessibility toolbar : CSS | Désactiver les CSS
    Tableaux Linéariser
  • JAWS ou NVDA : Lecture de la page ligne par ligne
  • Web developer toolbar : Divers | linéariser la page
    CSS | désactiver les styles css | Tous les styles (CTRL+MAJ+S)
L’information incluse dans un tableau de présentation, respecte-t-elle un ordre séquentiel logique du contenu une fois cette information restructurée de façon linéaire (DT-18c) ?   Critère 5.3 [Bronze] Pour chaque tableau de mise en forme, le contenu linéarisé reste-t-il compréhensible ?

Les caractéristiques sensorielles

SGQRI 008-01
(site Web)
SGQRI 008-02
(doc. téléchargeable)
SGQRI 008-03
(multimédia)
WCAG 2.0
Grille AccessiWeb 2.1 de Braillenet
(suivre ce lien pour voir les tests rattachés à chaque critère)

Offre-t-on un texte ou une image avec un texte de remplacement pour tout contenu faisant appel à une perception sensorielle pour communiquer une information, indiquer une action, solliciter une réponse ou distinguer un élément visuel (SW-17a) ?

Offre-t-on un texte ou une image avec un texte de remplacement pour tout contenu faisant appel à une perception sensorielle pour communiquer une information, indiquer une action, solliciter une réponse ou distinguer un élément visuel (DT-12a) ? Offre-t-on un texte ou une image avec un texte de remplacement pour tout contenu faisant appel à une perception sensorielle pour communiquer une information, indiquer une action, solliciter une réponse ou distinguer un élément visuel (M-15a) ?

Critère 10.14 [Bronze] Dans chaque page Web, l’information ne doit pas être donnée uniquement par la forme ou la position. Cette règle est-elle respectée ?

Critère 10.15 [Bronze] Dans chaque page Web, l’information ne doit pas être donnée par la forme ou la position uniquement. Cette règle est-elle implémentée de façon pertinente ?

Tout schéma, graphe, organigramme ou diagramme présenté sous la forme de texte comporte-t-il une description complète sur la même page, que cette description soit visible ou non, ou offre-t-il un hyperlien vers cette description sur une autre page (SW-18f et SW 20g) ?

Vérification manuelle ou :

  • Web Accessibility toolbar : CSS | Désactiver les CSS et vérifier si la description est incluse dans la page ou si un lien y conduit
    Utiliser Images | Liste des images pour vérifier s’il y a un longdesc
  • JAWS ou NVDA&nbsp ; : Parcourir la page avec G ou MAJ+G
    Vérification manuelle.
  • Web developer toolbar : CSS | Désactiver les styles CSS | Tous les styles (CTRL+MAJ+S) et vérifier si la description est incluse dans la page ou si un lien y conduit.
    Voir source | voir le code source généré
    Rechercher longdesc= dans le code source
Tout schéma, graphe, organigramme ou diagramme présenté sous la forme de texte :
- comporte-t-il une description complète à proximité
OU
- offre-t-il un hyperlien vers cette description (DT-13e) ?
Tout schéma, graphe, organigramme ou diagramme présenté sous la forme de texte :
- comporte-t-il une description complète à proximité
OU
- offre-t-il un hyperlien vers cette description (M-16e et M-16g) ?
 

L’utilisation de la couleur

SGQRI 008-01
(site Web)
SGQRI 008-02
(doc. téléchargeable)
SGQRI 008-03
(multimédia)
WCAG 2.0
Grille AccessiWeb 2.1 de Braillenet
(suivre ce lien pour voir les tests rattachés à chaque critère)

Tout élément de navigation peut-il être identifié facilement (SW-15a) ?

Offre-t-on un texte ou une image avec un texte de remplacement pour tout contenu faisant appel à une perception sensorielle pour communiquer une information, indiquer une action, solliciter une réponse ou distinguer un élément visuel (SW-17a) ?

Tout élément de navigation peut-il être identifié facilement (DT-10a) ?

Offre-t-on un texte ou une image avec un texte de remplacement pour tout contenu faisant appel à une perception sensorielle pour communiquer une information, indiquer une action, solliciter une réponse ou distinguer un élément visuel (DT-12a) ?

Dans une animation Web, tout élément de navigation peut-il être identifié facilement (M-13a) ?

Offre-t-on un texte ou une image avec un texte de remplacement pour tout contenu faisant appel à une perception sensorielle pour communiquer une information, indiquer une action, solliciter une réponse ou distinguer un élément visuel (M-15a) ?

Critère 10.6 [Bronze] Dans chaque page Web, chaque lien dont la nature n’est pas évidente est-il visible par rapport au texte environnant ?

 

Les contrastes visuels et sonores

SGQRI 008-01
(site Web)
SGQRI 008-02
(doc. téléchargeable)
SGQRI 008-03
(multimédia)
WCAG 2.0
Grille AccessiWeb 2.1 de Braillenet
(suivre ce lien pour voir les tests rattachés à chaque critère)

Un fond sonore qui dure plus de trois secondes peut-il être arrêté facilement, dès l’entrée dans la page (SW-17d) ?

Un fond sonore qui dure plus de trois secondes peut-il être arrêté facilement, dès l’entrée dans le document (DT-12c) ? Un fond sonore qui dure plus de trois secondes peut-il être arrêté facilement, dès l’entrée dans l’animation Web (M 15d) ? Critère 4.18 [Bronze] Chaque son déclenché automatiquement est-il contrôlable par l’utilisateur ?

À l’exception d’un texte uniquement décoratif, d’un logo ou d’un nom de marque, le rapport de contraste de luminosité satisfait-il à l’une des exigences suivantes :
- le rapport de contraste de luminosité entre le texte, présenté ou non dans une image, et son arrière-plan doit être au moins de 4,5 pour 1 ou de 3 pour 1, dans le cas de texte agrandi ;
- la page Web doit offrir deux feuilles de style de remplacement respectant ces niveaux de contraste de luminosité, l’une en polarité normale et l’autre en polarité inversée, en plus de la feuille de style de base de la page Web (SW-17e) ?

Les couleurs de texte et d’arrière-plan d’un même élément de texte peuvent-ils être déterminés explicitement de façon à satisfaire les exigences en matière de contraste de luminosité prévues au paragraphe 17e (SW-17e et SW-17f) ?

  • Web Accessibility toolbar : CSS | Voir les CSS et rechercher color et background-color
  • JAWS ou NVDA : Rechercher color et background-color dans le CSS
  • Web developer toolbar : CSS | Voir les CSS et rechercher color et background-color
À l’exception d’un texte uniquement décoratif, d’un logo ou d’un nom de marque, le rapport de contraste de luminosité entre le texte, présenté ou non dans une image, et son arrière-plan est-il d’au moins de 4,5 pour 1 ou de 3 pour 1, dans le cas de texte agrandi (DT-12d) ? À l’exception d’un texte uniquement décoratif, d’un logo ou d’un nom de marque, le rapport de contraste de luminosité entre le texte, présenté ou non dans une image, et son arrière-plan est-il d’au moins de 4,5 pour 1 ou de 3 pour 1, dans le cas de texte agrandi (M-15e) ?

Critère 3.3 [Argent] Dans chaque page Web, le contraste entre la couleur du texte et la couleur de son arrière-plan est-il suffisamment élevé (hors cas particuliers) ?

Critère 3.4 [Or] Dans chaque page Web, le contraste entre la couleur du texte et la couleur de son arrière-plan est-il amélioré (hors cas particuliers) ?

Critère 10.5 [Argent] Dans chaque page Web, les déclarations CSS de couleurs de fond d’élément et de police sont-elles correctement utilisées ?

Critère 4.19 [Or] Pour chaque média temporel seulement audio pré-enregistré, les dialogues sont-ils suffisamment audibles ?

 

La préseentation visuelle du texte

SGQRI 008-01
(site Web)
SGQRI 008-02
(doc. téléchargeable)
SGQRI 008-03
(multimédia)
WCAG 2.0
Grille AccessiWeb 2.1 de Braillenet
(suivre ce lien pour voir les tests rattachés à chaque critère)

La présentation visuelle du texte est-elle toujours gérée par la feuille de style (SW-11.1) ?

En désactivant le code CSS, l’ordre d’affichage du contenu demeure-t-il logique (SW-11.2 et SW 17e) ?

En désactivant le code CSS, le rapport de contraste de luminosité entre le texte et son arrière-plan est-il de 4,5 pour 1 ou de 3 pour 1 dans le cas de texte agrandi (SW-11.3 et SW 17e) ?

    Critère 1.8 [Argent] Chaque image texte, en l’absence d’un mécanisme de remplacement, doit si possible être remplacée par du texte stylé. Cette règle est-elle respectée (hors cas particuliers) ?

Tout élément de navigation peut-il être redimensionné jusqu’à 200 % sans perte de lisibilité (SW-15j) ?

La taille d’une police de caractères est-elle spécifiée avec une unité de mesure en em, en pourcentage ou au moyen des valeurs xx-small, x-small, small, medium, large, x-large et xx-large (SW-17g) ?

  • Vérification manuelle dans IE, en variant la taille de la police avec Affichage, Taille du texte.
  • Web developer toolbar : CSS | Voir les CSS et rechercher font-size

Lorsqu’un bloc de texte est grossi jusqu’à 200 %, conserve-t-il son contenu et ses fonctionnalités, et ce, sans que ce bloc n’en chevauche un autre (SW-17h) ?

 

Tout élément de navigation peut-il être redimensionné jusqu’à 200 % sans perte de lisibilité (M-13i) ?

Tout élément de navigation peut-il être redimensionné jusqu’à 200 % sans perte de lisibilité (M-13i) ?

Lorsqu’un bloc de texte est grossi jusqu’à 200 %, conserve-t-il son contenu et ses fonctionnalités, et ce, sans que ce bloc n’en chevauche un autre (M-15f) ?

Critère 10.4 [Argent] Dans chaque page Web, le texte reste-t-il lisible lorsque la taille des caractères est augmentée jusqu’à 200%, au moins ?
     

Critère 10.8 [OR] Dans chaque page Web, le choix de la couleur de fond et de police du texte est-il contrôlable par l’utilisateur ?

Critère 10.9 [OR] Pour chaque page Web, le texte ne doit pas être justifié. Cette règle est-elle respectée ?

Critère 10.10 [OR] Pour chaque page Web, en affichage plein écran et avec une taille de police à 200%, chaque bloc de texte reste-t-il lisible sans l’utilisation de la barre de défilement horizontal ?

Critère 10.11 [OR] Pour chaque page Web, les blocs de texte ont-ils une largeur inférieure ou égale à 80 caractères (hors cas particuliers) ?

Critère 10.12 [OR] Pour chaque page Web, l’espace entre les lignes et les paragraphes est-il suffisant ?

La navigation au clavier

SGQRI 008- 01
(site Web)
SGQRI 008-02
(doc. téléchargeable)
SGQRI 008-03
(multimédia)
WCAG 2.0
Grille AccessiWeb 2.1 de Braillenet
(suivre ce lien pour voir les tests rattachés à chaque critère)

Tout élément de programmation est-il utilisable avec les technologies d’adaptation informatiques et avec le clavier (SW-19a) ?

Tout élément de programmation est-il utilisable avec les technologies d’adaptation informatiques et avec le clavier (DT-14) ?

Tout élément de programmation est-il utilisable avec les technologies d’adaptation informatiques et avec le clavier (M-17a) ?

Critère 4.20 [Bronze] La consultation de chaque média temporel est-elle contrôlable par le clavier et la souris ?

Critère 4.21 [Bronze] La consultation de chaque média non temporel est-elle contrôlable par le clavier et la souris ?

Critère 4.22 [Bronze] Chaque média temporel et non temporel est-il compatible avec les technologies d’assistance ?

Critère 6.5 [Bronze] Chaque zone cliquable d’une image réactive côté serveur est-elle doublée d’un lien dans la page ?

Critère 7.3 [Bronze] Chaque script est-il contrôlable par le clavier et la souris (hors cas particuliers) ?

Toute zone active pouvant être déplacée avec le clavier dans un applet ou un objet intégré dans la page, peut-elle aussi être déplacée hors de cet applet ou de cet objet en utilisant seulement le clavier (SW-19b) ?

Si un déplacement hors d’un applet ou d’un objet exige davantage que l’utilisation d’une flèche (touche curseur, vers le haut, le bas, la gauche ou la droite) ou d’une tabulation au clavier, la méthode à utiliser pour sortir de cet applet ou de cet objet est-elle indiquée (SW-19c) ?

 

Toute zone active pouvant être déplacée avec le clavier dans un élément de l’animation, peut-elle aussi être déplacée hors de cet élément en utilisant seulement le clavier (M-17b) ?

Si un déplacement hors d’un composant d’une animation exige davantage que l’utilisation d’une flèche (touche curseur, vers le haut, le bas, la gauche ou la droite) ou d’une tabulation au clavier, la méthode à utiliser pour sortir de ce composant est-elle indiquée (M-17c) ?

Critère 12.14 [Bronze] Dans chaque page Web, la navigation ne doit pas contenir de piège au clavier. Cette règle est-elle respectée ?

À l’exception des données saisies dans un formulaire et ramenées à la personne à des fins de validation, tout champ est-il exempt d’une valeur textuelle par défaut (SW-21e) ?

À l’exception des données saisies dans un formulaire et ramenées à la personne à des fins de validation, tout champ est-il exempt d’une valeur textuelle par défaut (DT-17c) ?    

Le délai de consultation ou d’interaction

SGQRI 008-01
(site Web)
SGQRI 008-02
(doc. téléchargeable)
SGQRI 008-03
(multimédia)
WCAG 2.0
Grille AccessiWeb 2.1 de Braillenet
(suivre ce lien pour voir les tests rattachés à chaque critère)

À l’exception d’un événement en temps réel ou d’une activité où la limite de temps est essentielle, si elle s’actualise automatiquement ou si l’utilisation est limitée dans le temps, la page répond-elle à l’une des conditions suivantes :
- permettre la désactivation de cette fonctionnalité ;
- donner la possibilité de multiplier jusqu’à dix fois l’intervalle d’actualisation ;
- donner un avertissement avant l’expiration du délai et offrir au moins 20 secondes pour étendre le délai au moyen d’une action simple tout en permettant de demander une telle extension au moins dix fois (SW-15b) ?

Toute redirection automatique est-elle gérée de façon instantanée (SW-15c) ?

  • Web Accessibility toolbar : Code source | Voir le code source généré, rechercher http-equiv="refresh" dans le code source
  • JAWS ou NVDA : Rechercher http-equiv="refresh" dans le code source
  • Web developer toolbar : Voir source | Voir le code source généré
    Rechercher http-equiv="refresh" dans le code source
 

Si une animation Web recommence automatiquement, offre-t-on la possibilité de la désactiver ou de modifier l’intervalle d’actualisation (M-13b) ?

Toute redirection automatique est-elle gérée de façon instantanée (M-13c) ?

Critère 13.1 [Bronze] Pour chaque page Web, l’utilisateur a-t-il le contrôle de chaque limite de temps modifiant le contenu (hors cas particuliers) ?

Critère 13.17 [Bronze] Dans chaque page Web, chaque contenu en mouvement ou clignotant est-il contrôlable par l’utilisateur ?

À l’exception d’une animation de préchargement, la page est-elle exempte de tout élément en mouvement d’une durée de plus cinq secondes sauf s’il est possible de l’arrêter facilement (SW-17c) ?

  À l’exception d’une animation de préchargement, l’animation Web est-elle exempte de tout élément en mouvement d’une durée de plus cinq secondes sauf s’il est possible de l’arrêter facilement (SW-15c) ?  
     

Critère 13.4 [Or] Dans chaque page Web, une tâche ne doit pas requérir de limite de temps pour être réalisée, sauf si elle se déroule en temps réel ou si cette limite de temps est essentielle. Cette règle est-elle respectée ?

Critère 7.6 [OR] Chaque script qui provoque une alerte non sollicitée est-il contrôlable par l’utilisateur (hors cas particuliers) ?

Critère 13.1 [Bronze] Pour chaque page Web, l’utilisateur a-t-il le contrôle de chaque limite de temps modifiant le contenu (hors cas particuliers) ?

Critère 13.5 [Or] Dans chaque page Web, lors d’une interruption de session authentifiée, les données saisies par l’utilisateur sont-elles récupérées après ré-authentification ?

La prévention des crises d’épilepsie photosensible

SGQRI 008-01
(site Web)
SGQRI 008-02
(doc. téléchargeable)
SGQRI 008-03
(multimédia)
WCAG 2.0
Grille AccessiWeb 2.1 de Braillenet
(suivre ce lien pour voir les tests rattachés à chaque critère)

Le contenu est-il exempt de toute fluctuation lumineuse ou de tout clignotement comportant un rythme supérieur à trois fois à la seconde (SW-17b) ?

  • En cas de doute, utiliser l’outil développé par le Trace Center qui permet d’évaluer le clignotement à partir d’une capture vidéo de l’écran à 24 images par seconde. Cet outil est le Photosensitive Epilepsy Analysis Tool (PEAT)
Le contenu est-il exempt de toute fluctuation lumineuse ou de tout clignotement comportant un rythme supérieur à trois fois à la seconde (DT-12b) ? Le contenu est-il exempt de toute fluctuation lumineuse ou de tout clignotement comportant un rythme supérieur à trois fois à la seconde (M-15b) ?

Critère 13.15 [Bronze] Dans chaque page Web, les changements brusques de luminosité ou les effets de flash sont-ils correctement utilisés ?

Critère 13.16 [Or] Dans chaque page Web, les changements brusques de luminosité ou les effets de flash ont-ils une fréquence inférieure ou égale à 3 par seconde ?

L’accès au contenu principal de la page

SGQRI 008-01
(site Web)
SGQRI 008-02
(doc. téléchargeable)
SGQRI 008-03
(multimédia)
WCAG 2.0
Grille AccessiWeb 2.1 de Braillenet
(suivre ce lien pour voir les tests rattachés à chaque critère)

Y a-t-il un hyperlien interne en début de page donnant accès au contenu principal ou un en-tête de section de niveau 1 placé au début de ce contenu principal (SW-15d) ?

   

Critère 9.1 [Bronze] Dans chaque page Web, l’information est-elle structurée par l’utilisation appropriée de titres ?

Critère 12.10 [Bronze] Dans chaque page Web, les groupes de liens importants (menu, barre de navigation...) et la zone de contenu sont-ils identifiés ?

Critère 12.11 [Bronze] Dans chaque page Web, des liens d’évitements ou d’accès rapide aux groupes de liens importants et à la zone de contenu sont-ils présents ?

Le soutien à la navigation

SGQRI 008-01
(site Web)
SGQRI 008-02
(doc. téléchargeable)
SGQRI 008-03
(multimédia)
WCAG 2.0
Grille AccessiWeb 2.1 de Braillenet
(suivre ce lien pour voir les tests rattachés à chaque critère)

Toute page du site comporte-t-elle un hyperlien Accessibilité (SW-12) ?
Vérification manuelle.

La page Accessibilité comporte-t-elle un hyperlien permettant d’accéder à la page Web concernant les standards sur l’accessibilité (SW-12a) ?
Vérification manuelle.

La page Accessibilité comporte-t-elle le nom et la version de chaque technologie d’adaptation informatique utilisée pour vérifier la conformité du site Web (SW-12b) ?

La page Accessibilité comporte-t-elle la description de chacune des icônes relatives à l’accessibilité utilisées dans le site Web et prévues au standard (SW-12c) ?

     

Sauf pour une application Web ou un lecteur multimédia, tout contenu est-il exempt de raccourci clavier (SW-15k) ?

     

La page comporte-t-elle un titre distinctif qui reflète son sujet ou son but codé avec la balise <title> (SW-16a et Annexe 1-4a) ?

  • Vérification manuelle : lire la barre de titre apparaissant dans le fenêtre du navigateur.
   

Critère 8.5 [Bronze] Chaque page Web a-t-elle un titre de page ?

Critère 8.6 [Bronze] Pour chaque page Web ayant un titre de page, ce titre est-il pertinent ?

La page, si elle est informative, comporte-t-elle un hyperlien vers le plan du site Web (SW-15g.1) ?

Le plan du site Web permet-il d’accéder aux éléments principaux des trois premiers niveaux de navigation du site (SW-15g.2) ?

Pour la page d’accueil, le plan du site et les pages d’accueil des trois premiers niveaux de navigation, l’en-tête de la page comporte-t-il la métadonnée dc.description adéquatement renseignée (SW-18c) ?

  • Web Accessibility toolbar : Code source | Voir le code source généré
    Rechercher dc.description
  • JAWS ou NVDA : Rechercher dc.description dans le code source
  • Web developer toolbar : Voir source | Voir le code source généré
    Rechercher dc.description

Un document est-il accompagné des métadonnées :
1) titre :
2) nom du titulaire du droit d’auteur, s’il est mis en ligne par un ministère ou un organisme qui ne l’a pas créé ;
3) date de la dernière mise à jour ou de la création et
4) résumé (DT-8a) ?

Si une table des matières est présente :
- des hyperliens sont-ils offerts et sont-ils utilisables avec les technologies d’adaptation informatiques
OU
- des signets sont-ils offerts pour chaque élément de la table des matières (DT-10b) ?

8. Sous réserve de la sous-section 1, tout contenu audio ou vidéo et toute animation Web doivent :
a) être accompagnés au minimum des métadonnées suivantes :
i. le titre ;
ii. le nom du titulaire du droit d’auteur d’un tel contenu, s’il est mis en ligne par un ministère ou un organisme qui ne l’a pas créé ;
iii. la date de la plus récente mise à jour ou, en l’absence d’une telle date, celle de la création du contenu ;
iv. le résumé du contenu ;

Critère 12.1 [Argent] Chaque ensemble de pages dispose-t-il de deux systèmes de navigation différents, au moins (hors cas particuliers) ?

Critère 12.4 [Argent] La page "plan du site" est-elle pertinente ?

Critère 12.5 [Argent] Dans chaque ensemble de pages, la page "plan du site" est-elle atteignable de manière identique ?

Critère 12.7 [Argent] Dans chaque page d’une collection de pages, des liens facilitant la navigation sont-ils présents ?

Critère 13.6 [Bronze] Dans chaque page Web, pour chaque fichier en téléchargement, des informations relatives à sa consultation sont-elles présentes ?

Toute étiquette décrit-elle clairement la fonction du champ auquel elle est associée (SW-21f) ?

Toute étiquette décrit-elle clairement la fonction du champ auquel elle est associée (DT-17d) ?

Une animation Web offre-t-elle une information contextuelle détectable par les technologies d’adaptation informatiques sur l’utilisation de l’animation Web (M-13g) ?

Toute étiquette décrit-elle clairement la fonction du champ auquel elle est associée (M-19d) ?

Critère 11.1 [Bronze] Chaque champ de formulaire a-t-il une étiquette ?

Critère 11.2 [Bronze] Chaque étiquette associée à un champ de formulaire est-elle pertinente ?

La page comporte-t-elle au moins un en-tête de section de premier niveau qui reflète la nature ou la fonction du contenu de la page (SW-16f) ?

  • Web Accessibility toolbar : Structure | Mettre en valeur les titres OU
    Structure | Voir la structure des titres
  • JAWS ou NVDA : Parcourir la page avec T et MAJ+T ou H et MAJ+H
  • Web developer toolbar : Entourer | entourer les titres (h1-h6)
    Cocher aussi : entourer | afficher le nom de l’élément entouré

 

 

Critère 12.1 [Argent] Chaque ensemble de pages dispose-t-il de deux systèmes de navigation différents, au moins (hors cas particuliers) ?

Critère 12.12 [Or] Dans chaque page Web, la page en cours de consultation est-elle indiquée dans le menu de navigation ?

L’ordre de tabulation

SGQRI 008-01
(site Web)
SGQRI 008-02
(doc. téléchargeable)
SGQRI 008-03
(multimédia)
WCAG 2.0
Grille AccessiWeb 2.1 de Braillenet
(suivre ce lien pour voir les tests rattachés à chaque critère)

La page peut-elle être parcourue au clavier en respectant un ordre séquentiel logique du contenu (SW-16c) ?

Le document peut-il être parcouru au clavier en respectant un ordre séquentiel logique du contenu (DT-11a) ?

L’animation Web peut-elle être parcourue au clavier en respectant un ordre séquentiel logique du contenu (M-14a) ?

Critère 12.13 [Bronze] Dans chaque page Web, l’ordre de tabulation est-il cohérent ?

Le déplacement du focus au clavier est-il toujours visible (SW-15e) ?

  Le déplacement du focus au clavier est-il toujours visible (M-13e) ? Critère 10.7 [Bronze] Dans chaque page Web, pour chaque élément recevant le focus, la prise de focus est-elle visible ?

La clarification de la fonction des liens

SGQRI 008-01
(site Web)
SGQRI 008-02
(doc. téléchargeable)
SGQRI 008-03
(multimédia)
WCAG 2.0
Grille AccessiWeb 2.1 de Braillenet
(suivre ce lien pour voir les tests rattachés à chaque critère)

Pour un hyperlien constituant la seule façon d’accéder à une destination à partir de cette page, l’hyperlien est-il libellé pour que sa destination puisse être déterminée hors de son contexte immédiat (SW-18d) ?

Pour un hyperlien constituant la seule façon d’accéder à une destination à partir d’un document, l’hyperlien est-il libellé pour que sa destination puisse être déterminée hors de son contexte immédiat (DT-13c) ?

Pour un hyperlien constituant la seule façon d’accéder à une destination à partir d’une animation, l’hyperlien est-il libellé pour que sa destination puisse être déterminée hors de son contexte immédiat (DT-16c) ?

Critère 6.1 [Bronze] Chaque lien est-il explicite (hors cas particuliers) ?

Critère 6.2 [Bronze] Pour chaque lien ayant un titre de lien, celui-ci est-il pertinent ?

Dans une même page, tout hyperlien ayant le même libellé atteint-il la même destination (SW-18e) ?

Dans un même document, tout hyperlien ayant le même libellé atteint-il la même destination (DT-13d) ? Dans une même animation tout hyperlien ayant le même libellé atteint-il la même destination (M-16d et M-16d) ?

Critère 6.4 [Bronze] Chaque lien identique a-t-il les mêmes fonction et destination ?

Critère 6.6 [Bronze] Dans chaque page Web, chaque lien, à l’exception des ancres nommées, a-t-il un intitulé ?

La définition de la langue

SGQRI 008-01
(site Web)
SGQRI 008-02
(doc. téléchargeable)
SGQRI 008-03
(multimédia)
WCAG 2.0
Grille AccessiWeb 2.1 de Braillenet
(suivre ce lien pour voir les tests rattachés à chaque critère)

La langue principale, est-elle codée avec l’attribut lang ou xml:lang dans l’en-tête de la page avec un codet alphabétique de deux caractères seulement (SW-18g et Annexe 1-5a) ?

  • Web Accessibility toolbar : Information | Mettre en valeur les attributs lang
  • JAWS ou NVDA : Rechercher lang= dans le code source
  • Web developer toolbar : Voir source | Voir le code source généré
    Rechercher <html et <body et l’attribut lang
La langue principale, est-elle indiquée avec un codet alphabétique de deux caractères seulement pour qu’elle soit détectable avec les technologies d’adaptation informatiques (DT-13f) ? La langue principale, est-elle indiquée avec un codet alphabétique de deux caractères seulement pour qu’elle soit détectable avec les technologies d’adaptation informatiques (M-16f) ?

Critère 8.3 [Bronze] Dans chaque page Web, la langue par défaut est-elle présente ?

Critère 8.4 [Bronze] Pour chaque page Web ayant une langue par défaut, le code de langue est-il pertinent ?

Tout changement de langue d’un contenu autre qu’un nom propre ou qu’un terme technique est-il codé avec l’attribut lang de la balise englobant tout ce contenu ou une balise <span> a-t-elle été créée pour jour ce rôle (SW-18h et Annexe 1-5b) ?

  • Web Accessibility toolbar : Information | Mettre en valeur les attributs lang
  • JAWS ou NVDA : Rechercher lang= dans le code source
  • Web developer toolbar : Voir source | Voir le code source généré
    Rechercher <html et <body et l’attribut lang
Tout changement de langue d’un contenu autre qu’un nom propre ou qu’un terme technique est-il détectable par les technologies d’adaptation informatiques (DT-13g) ? Tout changement de langue d’un contenu autre qu’un nom propre ou qu’un terme technique est-il détectable par les technologies d’adaptation informatiques (M-16g) ?

Critère 8.7 [Argent] Dans chaque page Web, chaque changement de langue est-il indiqué dans le code source (hors cas particuliers) ?

Critère 8.8 [Argent] Dans chaque page Web, chaque changement de langue est-il pertinent ?

La signification des mots rares et des abréviations

SGQRI 008-01
(site Web)
SGQRI 008-02
(doc. téléchargeable)
SGQRI 008-03
(multimédia)
WCAG 2.0
Grille AccessiWeb 2.1 de Braillenet
(suivre ce lien pour voir les tests rattachés à chaque critère)

À moins d’une utilisation dans un menu de navigation ou dans un en-tête de page ou de section, tout acronyme ou abréviation est-il codé
- avec les balises <abbr> ou <acronym>
OU
- associé à sa signification lors de sa première utilisation dans le corps du texte ou dans une note de bas de page
OU
- listé avec sa signification dans un glossaire pouvant être consulté à l’aide d’un hyperlien qui est présent sur chaque page (SW-18i et Annexe 1-5c) ?

Vérification manuelle OU

À moins d’une utilisation dans un menu de navigation ou dans un en-tête de page ou de section, tout acronyme ou abréviation est-il :
- associé à sa signification lors de sa première utilisation dans le corps du texte ou dans une note de bas de page
OU
- listé avec sa signification dans un glossaire accompagnant le document (DT-13h) ?
À moins d’une utilisation dans un menu de navigation ou dans un en-tête de page ou de section, tout acronyme ou abréviation :
- est-il associé à sa signification lors de sa première utilisation dans le corps du texte ou dans une note de bas de page
OU
- listé avec sa signification dans un glossaire accompagnant l’animation (M-16h) ?

Critère 9.3 [OR] Dans chaque page Web, la première occurrence de chaque abréviation permet-elle d’en connaître la signification ?

Critère 9.4 [OR] Dans chaque page Web, la signification de chaque abréviation est-elle pertinente ?

Critère 13.9 [Or] Dans chaque page Web, les expressions inhabituelles, les expressions idiomatiques ou le jargon sont-ils explicités ?

Critère 13.10 [Or] Dans chaque page Web, pour chaque expression inhabituelle ou limitée, idiomatique ou de jargon ayant une définition, cette définition est-elle pertinente ?

Critère 13.13 [Or] Dans chaque page Web, pour chaque mot dont le sens ne peut être compris sans en connaître la prononciation, celle-ci est-elle indiquée ?

La simplification du langage

SGQRI 008-01
(site Web)
SGQRI 008-02
(doc. téléchargeable)
SGQRI 008-03
(multimédia)
WCAG 2.0
Grille AccessiWeb 2.1 de Braillenet
(suivre ce lien pour voir les tests rattachés à chaque critère)

Compte tenu de sa nature, le contenu est-il formulé de façon compréhensible pour les personnes auxquelles il est destiné (SW-13) ?

Compte tenu de sa nature, le contenu est-il formulé de façon compréhensible pour les personnes auxquelles il est destiné (DT-8b) ? Compte tenu de sa nature, le contenu est-il formulé de façon compréhensible pour les personnes auxquelles il est destiné (M-8b) ? Critère 13.14 [Or] Dans chaque page Web, chaque texte qui nécessite un niveau de lecture plus avancé que le premier cycle de l’enseignement secondaire a-t-il une version alternative ?

La gestion des changements de contexte

SGQRI 008-01
(site Web)
SGQRI 008-02
(doc. téléchargeable)
SGQRI 008-03
(multimédia)
WCAG 2.0
Grille AccessiWeb 2.1 de Braillenet
(suivre ce lien pour voir les tests rattachés à chaque critère)

Le contenu est-il exempt de changement de contexte à l’arrivée de la zone active sur tout composant d’interface utilisateur (SW-18b) ?

  • Web Accessibility toolbar : CSS | Désactiver les CSS
    Tableaux Linéariser
  • JAWS ou NVDA : Lecture de la page ligne par ligne
  • Web developer toolbar : Divers | linéariser la page
    CSS | désactiver les styles css | Tous les styles (CTRL+MAJ+S)
Le contenu est-il exempt de changement de contexte à l’arrivée de la zone active sur tout composant d’interface utilisateur (DT-13b) ? Le contenu est-il exempt de changement de contexte à l’arrivée de la zone active sur tout composant d’interface utilisateur (M-16b) ?

Critère 7.5 [Bronze] Pour chaque script qui initie un changement de contexte, l’utilisateur est-il averti ou en a-t-il le contrôle ?

À moins que la personne n’en soit informée avant d’utiliser un champ, tout champ de formulaire est-il conçu pour que tout changement de contexte ne puisse être effectué par la seule saisie d’information dans ce champ (SW-21a) ?

Est-ce que tout élément de navigation ouvrant une nouvelle fenêtre est accompagné d’une icône avec un avertissement mentionnant l’ouverture de la fenêtre (SW-18j.1 et Annexe a-5d) ?

Si tous les hyperliens d’une section d’une page Web ouvrent autant de nouvelles fenêtres, cette section fait-elle apparaître ce même avertissement sous l’en-tête de section correspondant (SW-18j.2 et Annexe a-5d) ?

 

 

À moins que la personne n’en soit informée avant d’utiliser un champ, tout champ de formulaire est-il conçu pour que tout changement de contexte ne puisse être effectué par la seule saisie d’information dans ce champ (M-19a) ?

Est-ce que tout élément de navigation ouvrant une nouvelle fenêtre est accompagné d’un avertissement mentionnant l’ouverture de la fenêtre (M-16i.1) ?

Critère 13.3 [Bronze] Dans chaque page Web, l’ouverture d’une nouvelle fenêtre ne doit pas être déclenchée sans action de l’utilisateur. Cette règle est-elle respectée ?

La proposition de navigation cohérente

SGQRI 008-01
(site Web)
SGQRI 008-02
(doc. téléchargeable)
SGQRI 008-03
(multimédia)
WCAG 2.0
Grille AccessiWeb 2.1 de Braillenet
(suivre ce lien pour voir les tests rattachés à chaque critère)

Tout menu de navigation répété de page en page est-il organisé selon le même ordre relatif et avec une présentation similaire (SW-15h) ?

Toute fonctionnalité utilisée de page en page est-elle nommée uniformément (SW-15i) ?

  Tout menu de navigation répété d’une section de l’animation Web à une autre est-il organisé selon le même ordre relatif et avec une présentation similaire (M-13h) ?

Critère 12.2 [Argent] Dans chaque ensemble de pages, le menu ou les barres de navigation sont-ils toujours à la même place (hors cas particuliers) ?

Critère 12.3 [Argent] Dans chaque ensemble de pages, le menu et les barres de navigation ont-ils une présentation cohérente (hors cas particuliers) ?

Critère 12.5 [Argent] Dans chaque ensemble de pages, la page "plan du site" est-elle atteignable de manière identique ?

Critère 12.6 [Argent] Dans chaque ensemble de pages, le moteur de recherche est-il atteignable de manière identique ?

Critère 11.3 [Argent] Dans chaque formulaire, chaque étiquette associée à un champ de formulaire ayant la même fonction et répétée plusieurs fois dans une même page ou dans un ensemble de pages est-elle cohérente ?

La prévention des erreurs

SGQRI 008-01
(site Web)
SGQRI 008-02
(doc. téléchargeable)
SGQRI 008-03
(multimédia)
WCAG 2.0
Grille AccessiWeb 2.1 de Braillenet
(suivre ce lien pour voir les tests rattachés à chaque critère)

Si une erreur de saisie est détectée de façon automatique, indique-t-on tout élément erroné (SW-21g.1) ?

Si une erreur de saisie est détectée de façon automatique, décrit-on l’erreur sous forme de texte avec les suggestions de correction lorsqu’elles sont connues (SW-21g.2) ?

Si une erreur de saisie est détectée de façon automatique, indique-t-on tout élément erroné (DT-17e.1) ?

Si une erreur de saisie est détectée de façon automatique, décrit-on l’erreur sous forme de texte avec les suggestions de correction lorsqu’elles sont connues (DT-17e.2) ?

Si une erreur de saisie est détectée de façon automatique, indique-t-on tout élément erroné (M-19e.1) ?

Si une erreur de saisie est détectée de façon automatique, décrit-on l’erreur sous forme de texte avec les suggestions de correction lorsqu’elles sont connues (M-19e.2) ?

Critère 11.10 [Bronze] Dans chaque formulaire, le contrôle de saisie est-il utilisé de manière pertinente ?

ritère 11.11 [Argent] Dans chaque formulaire, le contrôle de saisie est-il accompagné, si possible, de suggestions facilitant la correction des erreurs de saisie ?

Tout champ
- comporte-t-il une étiquette codée avec la balise <label>
OU
- lorsque l’espace est insuffisant pour placer une étiquette, la description de la fonction du champ est-elle donnée dans l’attribut title (SW-21b et Annexe 1-7a) ?

Toute étiquette est-elle positionnée à proximité immédiate du champ auquel elle est associée (SW-21d) ?

Toute étiquette décrit-elle clairement la fonction du champ auquel elle est associée (SW-21f) ?

Tout champ, comporte-t-il :
- une étiquette détectable par les technologies d’adaptation informatiques
OU
- un texte d’assistance décrivant la fonction de ce champ (DT-17a) ?

Toute étiquette est-elle positionnée à proximité immédiate du champ auquel elle est associée (DT-17b) ?

Toute étiquette décrit-elle clairement la fonction du champ auquel elle est associée (DT-17d) ?

Tout champ :
- comporte-t-il une étiquette détectable par les technologies d’adaptation informatiques
OU
- un texte d’assistance décrivant la fonction de ce champ (M-19b) ?

Toute étiquette est-elle positionnée à proximité immédiate du champ auquel elle est associée (M-19c) ?

Toute étiquette décrit-elle clairement la fonction du champ auquel elle est associée (M-19d) ?

Critère 11.1 [Bronze] Chaque champ de formulaire a-t-il une étiquette ?

Critère 11.2 [Bronze] Chaque étiquette associée à un champ de formulaire est-elle pertinente ?

Critère 11.4 [Bronze] Dans chaque formulaire, chaque étiquette de champ et son champ associé sont-ils accolés ?

Critère 11.5 [Bronze] Dans chaque formulaire, les informations de même nature sont-elles regroupées, si nécessaire ?

Critère 11.6 [Bronze] Dans chaque formulaire, chaque regroupement de champs de formulaire a-t-il une légende ?

Critère 11.7 [Bronze] Dans chaque formulaire, chaque légende associée à un groupement de champs de formulaire est-elle pertinente ?

Tout formulaire est-il conçu pour qu’une personne qui engage sa responsabilité, exerce un droit ou effectue un paiement puisse réviser et corriger, s’il y a lieu, l’information avant de confirmer son opération (SW-21h) ?

  Tout formulaire est-il conçu pour qu’une personne qui engage sa responsabilité, exerce un droit ou effectue un paiement puisse réviser et corriger, s’il y a lieu, l’information avant de confirmer son opération (M-19f) ?

Critère 11.12 [Argent] Pour chaque formulaire, les données à caractère financier, juridique ou personnel peuvent-elles être modifiées, mise à jour ou récupérées par l’utilisateur ?

Critère 11.13 [Or] Pour chaque formulaire, toutes les données peuvent-elles être modifiées, mises à jour ou récupérées par l’utilisateur ?

Critère 11.14 [Or] Pour chaque formulaire, des aides à la saisie sont-elles présentes ?

Critère 11.15 [Or] Pour chaque formulaire, chaque aide à la saisie est-elle pertinente ?

La compatibilité avec les outils d’adaptation

SGQRI 008-01
(site Web)
SGQRI 008-02
(doc. téléchargeable)
SGQRI 008-03
(multimédia)
WCAG 2.0
Grille AccessiWeb 2.1 de Braillenet
(suivre ce lien pour voir les tests rattachés à chaque critère)

Le code de la page Web est-il exempt d’erreurs d’imbrication de balises (SW-10a.1) ?

Le code de la page Web est-il exempt d’erreurs d’ouverture et de fermeture de balises (SW-10a.2) ?

Le code de la page Web est-il exempt d’erreurs d’unicité des attributs dans une balise (SW-10a.3) ?

Le code de la page Web est-il exempt d’erreur d’unicité des valeurs d’un attribut d’identification dans une balise (SW-10a.4) ?

La page Web utilise-t-elle une déclaration de type de document du W3C codée avec la balise <DOCTYPE> et respectant la syntaxe prévue par le W3C (SW-10c et Annexe 1-2) ?

La page Web est-elle comporte-t-elle uniquement des balises utilisées pour les fins auxquelles elles ont été créées (SW-10b) ?

Tout cadre comporte-t-il un titre permettant d’en comprendre la fonction codé avec l’attribut title (SW-16b-b et Annexe 1-4b) ?

Critère 2.1 [Bronze] Chaque cadre et chaque cadre en ligne a-t-il un titre de cadre ?

Critère 2.2 [Bronze] Pour chaque cadre et chaque cadre en ligne ayant un titre de cadre, ce titre de cadre est-il pertinent ?

Critère 8.1 [Bronze] Chaque page Web est-elle définie par un type de document ?

Critère 8.2 [Bronze] Pour chaque page Web, le code source est-il valide selon le type de document spécifié ?

Tout élément de programmation est-il utilisable avec les technologies d’adaptation informatiques et avec le clavier (SW-19a) ?

Si l’information est mise à jour sans rechargement de la page, est-elle affichée pour qu’elle soit détectable par les technologies d’adaptation informatiques sans obligation de rafraîchir la page (SW-19d.1) ?

Si l’information est mise à jour sans rechargement de la page, la personne est-elle informée, dès l’entrée dans la page, d’une possibilité de mise à jour (SW-19d.2) ?

Le nom, le rôle, les états, les propriétés et les valeurs de tout composant d’interface utilisateur sont-ils détectables par les technologies d’adaptation informatiques et les états, les propriétés et les valeurs peuvent-ils être modifiés par la personne utilisant ces technologies (SW-19e) ?

Tout élément de programmation est-il utilisable avec les technologies d’adaptation informatiques et avec le clavier (DT-14) ?

Tous les éléments de navigation sont-ils utilisables avec les technologies d’adaptation informatiques (M-13d.1) ?

Peut-on accéder à tout le contenu informatif dans un ordre séquentiel logique (M-13d.2) ?

Tout élément de programmation est-il utilisable avec les technologies d’adaptation informatiques et avec le clavier (M-17a) ?

Si l’information dans l’animation Web est mise à jour sans rechargement de la page qui contient cette animation, est-elle affichée pour qu’elle soit détectable par les technologies d’adaptation informatiques sans obligation de rafraîchir la page contenant l’animation (M-17d.1) ?

Si l’information dans l’animation est mise à jour sans rechargement de la page qui contient cette animation, la personne est-elle informée, dès l’entrée dans l’animation, d’une possibilité de mise à jour (M-17d.2) ?

Critère 7.1 [Bronze] Chaque script a-t-il, si nécessaire, une alternative (hors cas particuliers) ?

Test 7.1.1 : Chaque script vérifie-t-il, si nécessaire, une de ces conditions (hors cas particuliers) ?
• Une alternative existe entre <noscript> et </noscript>
• Une alternative existe directement dans la page lorsque javascript est désactivé
• Un lien permet d’accéder à une version alternative de la page
• Une alternative existe via un langage de script côté serveur

Test 7.1.2 Chaque script déclenchant l’ouverture d’une nouvelle fenêtre a-t-il une alternative ?

Critère 7.2 [Bronze] Pour chaque script ayant une alternative, cette alternative est-elle pertinente ?

Critère 7.4 [Bronze] Chaque script est-il, si nécessaire, compatible avec les technologies d’assistance ?

Critère 10.13 [Bronze] Pour chaque page Web, les textes cachés sont-t-ils correctement restitués par les technologies d’assistance ?

Critère 11.9 [Bronze] Dans chaque formulaire, l’intitulé de chaque bouton est-il pertinent ?

 


Retour en haut de page

Répondre à cet article

Restez connecté !

Recevez des nouvelles de l’avancement du projet PCCAW dans votre boîte de courriels.


Liste de diffusion