Index

Accessibilité

1. De quoi parle t-on ?


1.1 Définition

Selon le W3C Web Accessibility Initiative (WAI) :

L’accessibilité du web signifie que les sites web, les outils et les technologies sont conçus et développés de façon à ce que les personnes handicapées puissent les utiliser. Plus précisément, les personnes peuvent :
  • percevoir, comprendre, naviguer et interagir avec le web
  • contribuer sur le web

L’accessibilité du web comprend tous les handicaps affectant l’accès au web, en particulier le handicap :

  • auditif
  • cognitif
  • neurologique
  • physique
  • de la parole
  • visuel

L’accessibilité du web bénéficie également aux personnes sans handicap, comme par exemple :

  • les personnes utilisant un téléphone mobile, une montre connectée, une télévision connectée, et autres périphériques ayant des petits écrans, différents modes de saisie, etc.
  • les personnes âgées dont les capacités changent avec l’âge
  • les personnes ayant un « handicap temporaire » tel qu’un bras cassé ou perdu leurs lunettes
  • les personnes ayant « une limitation situationnelle » comme être en plein soleil ou dans un environnement où elles ne peuvent pas écouter l’audio
  • les personnes utilisant une connexion internet lente ou ayant une bande passante limitée ou onéreuse

1.2 Concrétement, sur quoi agir ?

Voici quelques considérations de base à prendre en compte pour un design plus accessibles aux personnes en situation de handicap :

  • Proposer des alternatives textuelles à tout contenu non textuel : Le contenu non textuel, ce sont les différents supports visuels de votre site web, les images, icônes, tableaux, etc. Pour percevoir ces éléments, les personnes mal ou non-voyantes ont besoin de description alternatives, qui pourront être lues par leur lecteur d’écran.

  • Faciliter la perception visuelle et auditive du contenu : Gardez bien à l’esprit que votre utilisateur peut ne pas être en mesure de bien percevoir certains contenus, il faut donc lui faciliter la vie. Évitez, par exemple d’utiliser la couleur pour faire passer des informations ; Faites attention à respecter un niveau de contraste suffisant entre votre texte et le fond ; N’utilisez pas de musique de fond qui perturberait l’utilisation d’un lecteur d’écran, etc.


2. Les outils d'analyse

Outil d'analyse global de l'accessibilité : Wave

Analyse du contraste couleur : Contrast-checker

Extension Firefox WCAG color contrast checker permet d'analyser en direct tous les éléments d'une page

3. Améliorer l'accessibilité de son Wiki

Télécharger le fichier Capture_dcran_20240116_165139.pngVous pouvez agir simplement sur l'accessibilité de votre YesWiki lors de la configuration de vos images.
Lors de l'ajout d'une image, dans les paramètres avancés :

  • Compléter le champ "Texte de remplacement" par une phrase simple ou des mots-clés décrivant l'iamge que vous ajoutez. Par exemple, le lecteur d'écran d'une personne mal-voyante lira cette phase pour permettre à la personne de comprendre l'image.

  • Cochez "Non" à l'option "Permettre de cliquer sur l'image pour l'afficher en grand", afin de faciliter la navigation en évitant d'envoyer votre utilisateurs vers l'image en pleine page sans possibilité "simple" de reotur en arrière.

Pour aller plus loin : https://www.w3.org/WAI/tips/fr
PDF