Wikipédia:Atelier accessibilité/Aide gadget

Le gadget accessibilité est un outil destiné à permettre quelques vérifications rapides du respect des bonnes pratiques d'accessibilité dans les pages de la Wikipédia francophone.

Attention : ce n'est qu'un outil d'assistance, qui ne réfléchit pas à votre place et dont chaque alerte nécessite de votre part un minimum d'expérience avant de décider de modifier quelque-chose. N'hésitez jamais à demander des conseils.

Activer le gadget accessibilité

Le gadget s'active à partir des préférences utilisateur, dans la section « Outils avancés » de l'onglet « Gadgets ».

Attention : ce gadget utilise des fonctionnalités des feuilles de style qui ne sont pas implémentées dans tous les navigateurs. Vous pouvez l'utiliser dans :

  • Chrome 7.x ;
  • Firefox 3.x ;
  • Safari 5.x ;
  • Le fonctionnement est limité pour l'instant sous Internet Explorer : certaines alertes ne seront pas affichées, ou ne seront pas pertinentes. Il est préférable de recourir à un autre navigateur pour utiliser cet outil.

Mode d'emploi

Une fois activé, le gadget ajoute dans la colonne de menu de gauche une section « Accessibilité » qui comporte :

  • Une série de liens activant les tests. Cliquez sur chaque lien pour activer ou désactiver un test. Chaque test activé le reste quand vous naviguez dans Wikipédia tant que vous ne l'avez pas décoché.
  • Une série de liens d'aide.

Pour faciliter l'examen d'une page, le gadget peut être « fixé » sur place ou dans le coin en haut à gauche de l'écran du navigateur (à l'aide du lien sur l'icône Fixer le gadget).

Vérifier l'accessibilité des tableaux

Capture d'écran : chaque cellule d'en-tête est signalée en rouge, avec la suggestion de lui ajouter un attribut scope ou de la transformer en cellule de données.
Exemple d'alerte sur un tableau de données dont les en-têtes de colonnes doivent être corrigées.
Capture d'écran : le titre du tableau et chacune de ses cellules d'en-tête sont signalées en vert.
Exemple de rendu pour un tableau de données correctement balisé.

Quand le test « tableaux » est activé, la présentation des tableaux HTML est modifiée pour :

  • signaler en vert la présence des attributs et éléments d'accessibilité nécessaires et a priori corrects (voir bonnes pratiques, tableaux) ;
  • signaler en rouge un code incorrect ou incomplet et donner des indications sur le type de correction à effectuer.

Le tableau lui-même est entouré en orange. Lorsqu'il ne comporte aucune autre couleur (ni verte, ni rouge), c'est à l'utilisateur de savoir si le tableau est censé être :

  1. un tableau de données, et donc qu'il doit être corrigé en ajoutant des titres de colonnes et de lignes, et autres éléments lui donnant une structure correcte ;
  2. un tableau de mise en forme, et qu'il est correct en l'état, à condition qu'il soit correctement linéarisé.

Vérifier l'accessibilité des titres de section

Quand le test « Titres » est activé, la présentation de la page est modifiée pour :

Vérifier l'accessibilité des listes

Quand le test « Listes » est activé, la présentation de la page est modifiée pour :

  • mettre en évidence chaque liste de définition (voir bonnes pratiques, listes de définition) et :
    • signaler en rouge les utilisations erronées d'une entrée de liste de définition (code wiki ;) pour simuler un titre de section ;
    • signaler en rouge les utilisations erronées d'une définition (code wiki :) pour indenter le texte.
  • signaler en rouge les cas de listes à puces très probablement erronés à vérifier manuellement.

Vérifier l'accessibilité des citations

Quand le test « Citations » est activé, la présentation de la page est modifiée pour mettre en évidence chaque citation correctement balisée avec le code ou les modèles appropriés (voir bonnes pratiques, citations).

Vérifier l'accessibilité des changements de langue

Quand le test « Langues » est activé, la présentation de la page est modifiée pour mettre en évidence chaque changement de langue signalé dans le code (voir bonnes pratiques, changements de langue).

Vérifier l'accessibilité des alternatives textuelles des images

Quand le test « Alternatives » est activé, la présentation de la page est modifiée pour mettre en évidence l'alternative textuelle donnée à chaque image présente dans le contenu (voir bonnes pratiques, images).

Les images décoratives qui sont ajoutées à la page via les feuilles de styles CSS du site ne sont pas concernées par ce test. Il en est de même des icônes ou boutons de l'interface qui ne sont pas éditables par les contributeurs.

La correction des erreurs sur les images est délicate :

  • Une alternative doit être synthétique et concise, mais la limite des 120 caractères retenue par le gadget est un ordre d'idée indicatif : il n'est pas nécessaire de chercher à tout prix à reformuler l'alternative pour la réduire de quelques caractères, si cela la rend difficile à rédiger de manière pertinente.
  • Pour leur part, les drapeaux et pavillons nécessitent des corrections particulières, de même que les images utilisées dans les infobox : demandez conseil dans ce cas.

Vérifier l'utilisation correcte de l'élément dfn

Ce test a été temporairement désactivé (débugage).

Ce test est actuellement déployé dans le cadre de la prise de décision en cours sur l'adoption du balisage dfn dans les introductions d'articles.

Il détecte les utilisations impropres du balisage <dfn>...</dfn> et du modèle équivalent (voir Aide:Dfn), c'est à dire en dehors du premier paragraphe introductif de l'article.

L'usage de l'élément dfn ne relève pas pour le moment des critères d'accessibilité applicables aux contenus de qualité.

Bugs, suggestions, questions

Pour toute remarque, question, problème, suggestion : s'adresser à l'Atelier accessibilité.