Table des matières
- Le problème
- La solution
- Les règles qui s'appliquent aux caractéristiques sensorielles
- L'évaluation de conformité
- La comparaison entre les standards SGQRI et WCAG 2.0
Le problème
Des indices visuels, comme l'indentation, sont utilisés pour communiquer de l'information, qui doit aussi être donnée en texte pour qu'une personne aveugle puisse les percevoir (ex. l'indentation d'un message dans un forum de discussion).
De même, on ne peut se fier seulement sur le positionnement d'un élément pour en comprendre la nature ou la fonction (ex. un champ de recherche sans étiquette placé en haut à droite de la page).
Parmi les caractéristiques sensorielles qui peuvent être porteuses d'information, on peut aussi considérer la forme, l'orientation ou le son.
Ce type de situation fait appel à la créativité pour trouver les meilleurs moyens de transmettre une information équivalente.
Retour en haut de pageLa solution
- Il n'y a pas de solution « toute faite » à ce genre de problème, l'essentiel étant d'abord de réaliser qu'il y a un problème, puis de faire preuve de créativité.
- Pour un champ de recherche, on peut remplacer une étiquette manquante par un attribut title qui jouera le même rôle.
- Dans d'autres situations, l'information textuelle équivalente peut être transmise de façon invisible en utilisant, par exemple, un positionnement CSS hors écran.
- Il faut cependant éviter d'utiliser visibility:hidden ou display:none, qui sont deux propriétés CSS reconnues et appliquées par les lecteurs d'écran. La logique étant que si cette information doit être cachée à un utilisateur voyant, elle doit aussi être cachée à un utilisateur aveugle. Le positionnement hors écran ou l'utilisation d'un gif invisible avec un texte de remplacement demeurent donc les seules options possibles.
- Certains symboles sont utilisés pour communiquer une information (ex. un crochet, une flèche, un caractère représentant une émoticône ou binette, etc.). Plusieurs de ces symboles ne sont pas reconnus par les lecteurs d'écran, en synthèse vocale ou en braille, et il faut donc utiliser des images (icônes) dont un attribut alt pourra donner la signification.
Les règles qui s'appliquent aux caractéristiques sensorielles
| SGQRI 008-01 (site Web) |
SGQRI 008-02 (doc. téléchargeable) |
SGQRI 008-03 (multimédia) |
WCAG 2.0 |
|---|---|---|---|
| 17. Toute page Web doit être présentée en : a) offrant 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; | 12. Tout document téléchargeable doit être présenté en : a) offrant 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; | 15. Toute animation Web doit être présentée en : a) offrant 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; | 1.3.3 Caractéristiques sensorielles : les instructions données pour la compréhension et l'utilisation du contenu ne doivent pas reposer uniquement sur les caractéristiques sensorielles des éléments comme la forme, la taille, l'emplacement visuel, l'orientation ou le son. (Niveau A) Note :pour les exigences liées à la couleur, se référer à la Règle 1.4. |
| 18. Pour les exigences particulières applicables à la compréhension d’un contenu dans une page Web, cette page doit : f) pour tout schéma, graphe, organigramme ou diagramme présenté sous la forme de texte, satisfaire à l’une des deux exigences prévues au paragraphe h) du premier alinéa de l’article 20; | 13. Pour les exigences particulières applicables à la compréhension d’un contenu dans un document téléchargeable, ce document doit : e) pour tout schéma, graphe, organigramme ou diagramme présenté sous la forme de texte, satisfaire à l’une des deux exigences prévues au paragraphe g) du premier alinéa de l’article 15; | 16. Pour les exigences particulières applicables à la compréhension d’une animation Web, cette animation Web doit : e) pour tout schéma, graphe, organigramme ou diagramme présenté sous la forme de texte, satisfaire à l’une des deux exigences prévues au paragraphe g) du premier alinéa de l’article 18; |
L'évaluation de conformité
| 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 :
|
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) ? |
La comparaison entre les standards SGQRI et WCAG 2.0
Les exigences des standards SGQRI précisent la portée et la façon d'appliquer le critère de succès 1.3.3 sur les caractéristiques sensorielles et 1.4.1 sur l'utilisation de la couleur, car elle fait aussi appel à une perception sensorielle. En ce qui concerne les schémas, graphes, organigrammes et diagrammes, il s'agit d'une application spécifique découlant directement du critère 1.3.3.
Dans ce contexte, un site Web qui applique les exigences des standards SGQRI en matière de perception sensorielle est conforme aux critères de succès 1.3.3 et 1.4.1 des WCAG 2.0. Réciproquement, un site Web qui applique les critères de succès 1.3.3 et 1.4.1 des WCAG 2.0 est conforme aux standards SGQRI.
Voir aussi :
- Comprendre la règle 1.3 [Adaptable]
- Comprendre le critère de succès 1.3.3 [Caractéristiques sensorielles]
Retour en haut de page