Accessibilité web

Conformité aux règles pour l'accessibilité des contenus Web

Le site Web de la Société de transport de Montréal (STM) souhaite se conformer aux Règles pour l'accessibilité des contenus Web niveau AA (WCAG 2.0 AA).

Technologies d’adaptation informatique utilisées pour vérifier la conformité

Les outils d’adaptation informatique suivants ont été utilisé pour vérifier la conformité de ce site Web au WCAG 2.0 AA :

  • valideur HTML du W3C ;
  • Microsoft Windows 7 ;
  • Mac OS X ;
  • Firefox version 20 ;
  • Google Chrome 26 ;
  • Internet Explorer version 9 ;
  • Colour contrast analyser version 1.5 ;
  • JAWS 12
  • NVDA version 2012.3.1.

Fonction de l’icône de conformité partielle

Lorsque vous rencontrez l’icône suivante au focus clavier : Consultez la page Accessibilité pour plus d’information sur les contenus non conformes, cela signifie que le contenu disponible au bout de l’hyperlien ne relève pas de la responsabilité ou du ressort du webmestre du site de la STM et pourrait ne pas être conforme au WCAG 2.0.

Bien que cette situation soit déplorable, elle est malheureusement hors de notre contrôle et cela ne rend pas moins conforme le site Web de la STM comme le prévoit le paragraphe Déclaration de conformité partielle - Contenu fourni par un tiers des Règles pour l'accessibilité des contenus Web (WCAG) 2.0:

Parfois, des pages Web sont créées afin que l'on puisse y rajouter un contenu. Par exemple, une application Web de courrier électronique (option Nous joindre par exemple) ou un blogue (Mouvement Collectif par exemple), un article permettant l'ajout de commentaires par les utilisateurs ou des applications acceptant du contenu généré par l'utilisateur. Un autre exemple serait une page, telle que celles d'un portail ou d'un site d'informations, composées d'une somme de contenus rédigés par de multiples contributeurs ou des sites insérant automatiquement, au fur et à mesure, du contenu provenant d'autres sites, tels que des publicités insérées automatiquement.

Dans ces cas-là, il est impossible lors de l'affichage original de savoir quel sera le contenu non contrôlé de ces pages. Il est important de remarquer que le contenu non contrôlé peut également affecter l'accessibilité du contenu contrôlé. Deux options sont envisageables :

1.La détermination de conformité peut être basée sur la connaissance de l'existant. Si une page de ce type est vérifiée et réparée (le contenu non conforme est enlevé ou mis en conformité) en moins de deux jours ouvrables, alors une détermination ou affirmation de la conformité peut être faite puisque, excepté les erreurs dans le contenu généré en externe qui sont corrigées ou enlevées lorsqu'elles sont découvertes, la page est conforme. Aucune affirmation de conformité ne peut être faite s'il est impossible de vérifier ou de réparer le contenu non conforme

ou

2.Une « déclaration de conformité partielle » peut être faite comme quoi la page n'est pas conforme, mais qu'elle pourrait l'être si certaines parties étaient enlevées. La forme de cette déclaration pourrait être : « Cette page n'est pas conforme, mais pourrait être conforme aux WCAG 2.0 niveau X si les parties suivantes, issues de sources non contrôlées, lui étaient retirées ». De plus, ce qui suit pourrait également être reconnu comme un contenu non contrôlé comme décrit dans la déclaration de conformité partielle :

a.C'est du contenu qui n'est pas contrôlé par l'auteur.

b.C'est du contenu décrit de façon à être identifié par les utilisateurs (par exemple, on ne peut pas les décrire comme « toutes les parties que nous ne contrôlons pas » à moins qu'elles ne soient clairement marquées comme telles).

Icônes utilisées pour les liens

Ajustement de la taille du texte

Il est possible d’ajuster la taille du texte de ce site Web grâce aux options de votre agent utilisateur. Les étapes à suivre peuvent être différentes selon l’agent utilisateur que vous utilisez pour naviguer sur le Web. Veuillez vous référer aux tableaux suivants pour connaître les étapes que vous devez suivre selon la configuration du poste informatique que vous utilisez.

Le tableau présente la procédure à suivre afin d'augmenter la taille des caractères à partir des raccourcis clavier de votre agent utilisateur :

Augmenter la taille des caractères par les raccourcis clavier de votre agent utilisateur.
Microsoft Windows Mac OS X GNU/Linux
Ctrl+
Command+
Ctrl+

Le tableau présente la procédure à suivre afin de réduire la taille des caractères à partir des raccourcis clavier de votre agent utilisateur :

Réduire la taille des caractères par les raccourcis clavier de votre agent utilisateur.
Microsoft Windows Mac OS X GNU/Linux
Ctrl-
Command-
Ctrl-

Le tableau présente la procédure à suivre afin d'augmenter la taille des caractères à partir du menu de votre agent utilisateur :

Augmenter la taille des caractères par le menu de votre agent utilisateur.
Agent-utilisateur Instructions
Firefox
  1. Sélectionnez le menu View.
  2. Sélectionnez le sous-menu Zoom.
  3. Sélectionnez l’option Zoom In.
Internet Explorer
  1. Sélectionnez le menu View.
  2. Sélectionnez le sous-menu Zoom.
  3. Sélectionnez l’option Zoom In.
Safari
  1. Sélectionnez le menu View.
  2. Sélectionnez le sous-menu Zoom.
  3. Sélectionnez l’option Zoom In.
Opera
  1. Sélectionnez le menu View.
  2. Sélectionnez le sous-menu Zoom.
  3. Sélectionnez l’option Zoom In.
Chrome
  1. Sélectionnez le menu View.
  2. Sélectionnez le sous-menu Zoom.
  3. Sélectionnez l’option Zoom In.

Le tableau présente la procédure à suivre afin de réduire la taille des caractères à partir du menu de votre agent utilisateur :

Réduire la taille des caractères par le menu de votre agent-utilisateur :
Agent-utilisateur Instructions
Firefox
  1. Sélectionnez le menu View.
  2. Sélectionnez le sous-menu Zoom.
  3. Sélectionnez l’option Zoom Out.
Internet Explorer
  1. Sélectionnez le menu View
  2. Sélectionnez le sous-menu Zoom
  3. Sélectionnez l’option Zoom Out.
Safari
  1. Sélectionnez le menu View
  2. Sélectionnez le sous-menu Zoom
  3. Sélectionnez l’option Zoom Out
Opera
  1. Sélectionnez le menu View
  2. Sélectionnez le sous-menu Zoom
  3. Sélectionnez l’option Zoom Out
Chrome
  1. Sélectionnez le menu View
  2. Sélectionnez le sous-menu Zoom
  3. Sélectionnez l’option Zoom Out

Raccourcis clavier des widgets

La page Se déplacer contient de nombreuses interactions via des formulaires. Certaines interactions au clavier sont spécifiques et nécessitent des raccourcis particuliers.

Onglets

Lorsque le focus est sur un onglet, il faut utiliser les touches haut et bas pour naviguer d'un onglet à l'autre. Les onglets sont utilisés dans trois cas :

  1. Pour définir quel type de recherche de trajet l'utilisateur veut rechercher : Itinéraires, Horaires, Plan, Tarifs ;
  2. Pour passer de la vue Autobus à la vue Métro dans les sections Horaires et Plans ;
  3. Pour choisir un type de tarif dans la section Tarifs.

Champs d'auto-complétion

Pour une recherche d'adresse, de numéro de ligne ou d'arrêt, après avoir entré quelques caractères dans le champ de recherche, une liste de choix est alors disponible. Il faut utiliser les touches haut et bas pour naviguer d'un élément à l'autre.

Choix de la date

Les champs qui attendent une date ouvrent un calendrier lorsque le focus est sur eux. Il existe de nombreux raccourcis clavier permettant de choisir choisir une date :

  • PAGE UP : aller au mois précédent ;
  • PAGE DOWN : aller au mois suivant ;
  • CTRL + PAGE UP : aller à l'année précédente ;
  • CTRL + PAGE DOWN : aller à l'année suivante ;
  • CTRL + HOME : aller au mois actuel. Ouvre le calendrier s'il est fermé ;
  • CTRL + GAUCHE : aller au jour précédent ;
  • CTRL + DROITE : aller au jour suivant ;
  • CTRL + HAUT : aller à la semaine précédente ;
  • CTRL + BAS : aller à la semaine suivante ;
  • ENTER : valider la date choisie ;
  • CTRL + END : fermer le calendrier et effacer la date ;
  • ESCAPE : fermer le calendrier et annuler la modification de la date.

Si aucune date n'est renseignée, la date d'aujourd'hui est utilisée par défaut.

Le contenu prime sur la présentation

La dégradation de la présentation de ces pages dans certains navigateurs n’est en rien contradictoire avec le souci réel de l’interopérabilité : le contenu du site est lisible dans les navigateurs qui ne supportent pas les feuilles de style CSS 2, tout comme il est accessible sur un lecteur d’écran ou un téléphone intelligent. La présentation de ce contenu, strictement séparée de ce dernier grâce aux CSS, ne peut en effet être parfaitement restituée par les anciens navigateurs, tels qu’Internet Explorer 7 et 8.

Les multiples navigateurs modernes offrent un excellent support satisfaisant aux techniques de présentation CSS. Ce site s’y présente sans défaut, grâce à l’adoption et au respect des normes HTML et CSS. Cette règle de développement permet également au site d’être accessible aux lecteurs d’écran et aux afficheurs braille utilisés par les personnes handicapées. Elle donne au contenu de ce site une qualité parfaite d’impression directement depuis les navigateurs modernes. Elle assure la pérennité de ces pages dans les médias Web à venir.

Amélioration progressive

L’amélioration progressive est une approche conceptuelle qui prend très largement en compte l’accessibilité, la sémantique et le référencement. En séparant strictement le fond (le contenu proposé à l’utilisateur) et la forme (l’enjolivement et les interactions avancées), cette technique permet de présenter un contenu simple et de rendre un service minimum à tous les utilisateurs, quel que soit le débit de leur connexion ou leur navigateur, tout en améliorant progressivement l’affichage proposé en fonction de l’équipement de l’internaute.

Article sur l’amélioration progressive sur le site Web de l’encyclopédie libre Wikipédia

Haut de page