Aide:Gadget accessibilité

Aller à la navigation Aller à la recherche

Article à adapter à Vikidia.

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

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.

Activer le gadget accessibilité[modifier le wikicode]

Le gadget s'active à partir des préférences utilisateur, sur l'onglet « Gadgets ».

À l'heure actuelle, il fonctionne avec Monobook (« Mes préférences », « Apparence »), et si les menus maintenance et administration ne sont pas activés.

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[modifier le wikicode]

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 Vikidia 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[modifier le wikicode]

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[modifier le wikicode]

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

Vérifier l'accessibilité des listes[modifier le wikicode]

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 Projet:Accessibilité/Bonnes_pratiques#Listes_de_d.C3.A9finition) 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[modifier le wikicode]

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[modifier le wikicode]

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[modifier le wikicode]

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.

Liens utilies[modifier le wikicode]

Projet:Accessibilité