Table des matières
- Le problème
- La solution
- Les règles qui s'appliquent au soutien à la navigation
- L'évaluation de conformité
- La comparaison entre les standards SGQRI et WCAG 2.0
Le problème
Les personnes ayant des limitations cognitives ont besoin d'aide pour naviguer et pour se situer dans un site Web. Ces personnes peuvent avoir des problèmes de concentration, de mémoire ou de compréhension, qui risquent de les désorienter rapidement si des moyens ne sont pas mis en place pour les soutenir dans leur navigation.
Les personnes ayant des limitations visuelles ont aussi besoin de se repérer dans un environnement dont ils ne perçoivent qu'une petite partie à la fois. Le manque de vision globale de l'écran rend toute tâche de navigation plus difficile, et nécessite donc la mise en place de points de repères sur lesquels l'utilisateur pourra compter.
Retour en haut de pageLa solution
- La métadonnée la plus importante est le titre de la page, qui est placé dans l'élément <title> de la section <head> de la page Web.
- Ce titre doit être représentatif du contenu de la page, et donc, différent de page en page.
- Il y a souvent une forte ressemblance entre le titre de la page et l'élément <h1>, ce qui est tout à fait normal.
- On peut aussi adjoindre à ce titre un rappel du nom du site si on le souhaite. Ce rappel a toutefois avantage à être placé à la fin du titre, et non au début, de sorte que l'utilisateur puisse se concentrer d'abord sur l'information distinctive.
Exemple de code pour le titre de la page
<head> ...<title>Les règles 2.0 - Communauté de pratique sur l'accessibilité du Web</title> ...</head>
- Le plan du site est une aide à la navigation et à la compréhension de l'organisation générale d'un site.
- Le plan du site doit donner accès à tout le contenu du site, directement ou indirectement.
- En fait, sur un site comptant un nombre important de pages, on peut limiter le plan du site aux trois premiers niveaux de navigation.
- Un lien vers le plan du site devrait être offert sur chaque page.
- Dans le cas d'un petit site où chaque page contient un lien vers toutes les autres pages, le plan du site devient évidemment superflu.
- Une page longue pourrait aussi offrir un menu de navigation interne à la page.
- Parmi les autres moyens pouvant soutenir la navigation, mentionnons :
- Un moteur de recherche simple ou avancé.
- Des en-têtes et des étiquettes qui décrivent bien le contenu.
- Des liens vers les autres pages reliées.
- Un fil d'Ariane qui doit être précédé d'une mention explicite du type « Vous êtes ici : » afin que l'utilisateur comprenne bien l'utilité de cette liste de liens (liste parmi plusieurs autres).
Note : dans les WCAG 2.0, il n'est exigé d'utiliser des en-têtes de section qu'en priorité AAA. Toutefois, si des en-têtes visuels sont utilisés, ils doivent être codés comme des en-têtes, afin de satisfaire au critère de succès 1.3.1.
Retour en haut de pageLes règles qui s'appliquent au soutien à la navigation
| SGQRI 008-01 (site Web) |
SGQRI 008-02 (doc. téléchargeable) |
SGQRI 008-03 (multimédia) |
WCAG 2.0 |
|---|---|---|---|
| 12. Toute page Web doit comporter un hyperlien Accessibilité qui donne accès à une page Web énumérant les principales dispositions prises par le ministère ou l’organisme pour se conformer au présent standard. Celles-ci doivent notamment prévoir : a) un hyperlien permettant d’accéder à la page Web concernant les standards sur l’accessibilité hébergée dans le site Web du ministère responsable de ces standards; b) le nom et la version de chaque technologie d’adaptation informatique utilisée pour vérifier la conformité du site Web avec les exigences du présent standard; c) la description de chacune des icônes utilisées dans le site Web et prévues au présent standard. |
|||
| 15. Pour les exigences particulières applicables à la navigation, tout site Web doit : k) sauf pour une application Web ou un lecteur multimédia, éviter tout raccourci clavier. | |||
|
16. La structure d’une page Web doit comporter : a) un titre distinctif qui reflète son sujet ou son but, codé conformément à l’annexe 1; |
2.4.2 Titre de page : les pages Web présentent un titre qui décrit leur sujet ou leur but. (Niveau A) | ||
|
15. Pour les exigences particulières applicables à la navigation, tout site Web doit : g) pour une page Web informative, comporter un hyperlien vers le plan du site Web permettant d'accéder aux éléments principaux des trois premiers niveaux de navigation du site; 18. Pour les exigences particulières applicables à la compréhension d’un contenu dans une page Web, cette page doit : c) pour la page d’accueil du site, le plan de site et toute page d’accueil des trois premiers niveaux de navigation d’un site Web, être accompagnée au minimum de l’élément de métadonnée résumé décrit selon la syntaxe de la norme ISO 15836 Information et documentation – L'ensemble des éléments de métadonnées Dublin Core (2003); |
8. Tout document téléchargeable doit : 10 b) si une table des matières est présente, offrir des hyperliens utilisables avec les technologies d'adaptation informatiques ou des signets pour chaque élément de la table des matières. |
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; |
2.4.5 Accès multiples : une page Web peut être située par plus d'un moyen dans un ensemble de pages Web sauf si cette page est le résultat ou une étape d'un processus. (Niveau AA) |
|
21. Tout formulaire Web doit : f) être conçu pour que toute étiquette décrive clairement la fonction du champ auquel elle est associée; |
17. Tout formulaire téléchargeable à remplir à l’écran doit : d) être conçu pour que toute étiquette décrive clairement la fonction du champ auquel elle est associée; |
13. Pour les exigences particulières applicables à la navigation, toute animation Web doit : g) offrir une information contextuelle détectable par les technologies d’adaptation informatiques sur l’utilisation de l’animation Web; 19. Tout formulaire doit : d) être conçu pour que toute étiquette décrive clairement la fonction du champ auquel elle est associée; |
2.4.6 En-têtes et étiquettes : les en-têtes et les étiquettes décrivent le sujet ou le but. (Niveau AA) |
|
15. Pour les exigences particulières applicables à la navigation, tout site Web doit : g) pour une page Web informative, comporter un hyperlien vers le plan du site Web permettant d'accéder aux éléments principaux des trois premiers niveaux de navigation du site; 18. Pour les exigences particulières applicables à la compréhension d’un contenu dans une page Web, cette page doit : c) pour la page d’accueil du site, le plan de site et toute page d’accueil des trois premiers niveaux de navigation d’un site Web, être accompagnée au minimum de l’élément de métadonnée résumé décrit selon la syntaxe de la norme ISO 15836 Information et documentation – L'ensemble des éléments de métadonnées Dublin Core (2003); |
8. Tout document téléchargeable doit : a) être accompagné 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; |
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; |
2.4.8 Localisation : l'utilisateur dispose d'informations pour se situer dans un ensemble de pages Web. (Niveau AAA) |
| 16. La structure d’une page Web doit comporter : f) au moins un en-tête de section de premier niveau qui reflète la nature ou la fonction du contenu de la page. |
|
2.4.10 En-têtes de section : les en-têtes de section sont utilisés pour organiser le contenu. (Niveau AAA)
Note 1 : « en-tête » est utilisé dans le sens général et comprend les titres et autres moyens de structurer les différents types de contenus. |
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) |
|---|---|---|---|
Toute page du site comporte-t-elle un hyperlien Accessibilité (SW-12) ? La page Accessibilité comporte-t-elle un hyperlien permettant d’accéder à la page Web concernant les standards sur l’accessibilité (SW-12a) ? 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) ?
|
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) ?
|
Un document est-il accompagné des métadonnées : Si une table des matières est présente : |
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) ?
|
|
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 ? |
La comparaison entre les standards SGQRI et WCAG 2.0
L'exigence du standard SGQRI portant sur la présence d'un hyperlien accessibilité et sur le contenu de la page correspondante n'a pas d'équivalent direct dans les WCAG 2.0, mais vient encadrer une façon d'informer les visiteurs sur les dispositions prises en matière d'accessibilité. L'exigence sur les raccourcis clavier est elle aussi sans correspondance dans les WCAG 2.0 qui n'encouragent ni n'interdisent cette pratique. Quant aux exigences des standards SGQRI qui correspondent aux critères de succès 2.4.2 et 2.4.6, elles sont pour ainsi dire identiques à ceux-ci alors que celles qui correspondent au critère 2.4.5 sont des applications plus spécifiques du même principe. Enfin, notons que le standard SGQRI sur l'accessibilité d'un site Web comporte des exigences qui correspondent aux critères de succès 2.4.8 et 2.4.10 de niveau AAA des WCAG 2.0.
Un site Web qui applique les standards SGQRI en matière de soutien à la navigation est conforme aux WCAG 2.0. Toutefois, un site qui applique les critères de succès 2.4.2 et 2.4.6 ne peut être conforme aux standards SGQRI que s'il applique aussi les deux exigences supplémentaires sur l'hyperlien accessibilité et sur les raccourcis clavier et que son application du critère 2.4.5 se base sur l'offre de métadonnées et d'un plan de site tel qu'exigé par les standards SGQRI.
Voir aussi :
- Comprendre la règle 2.4 [Navigable]
- Comprendre le critère de succès 2.4.2 [Titre de page]
- Comprendre le critère de succès 2.4.5 [Accès multiples]
- Comprendre le critère de succès 2.4.6 [En-têtes et étiquettes]
- Comprendre le critère de succès 2.4.8 [Localisation]
- Comprendre le critère de succès 2.4.10 [En-têtes de section]
Retour en haut de page