Chapitre 5

Accessibilité

Voici la définition de l’accessibilité selon Wikipédia :

L'accessibilité du Web est la problématique de l'accès aux services et contenus en ligne pour les handicapés et les seniors. Définie par des normes techniques établies par la Web Accessibility Initiative (WAI) du World Wide Web Consortium (W3C), elle nécessite un traitement tout au long du cycle de vie d'un site Web, par l'ensemble de ses acteurs, via des méthodes d'applications, des référentiels métiers et une démarche de suivi.

Pour qui ?

Les handicaps dont le créateur de site web doit tenir compte sont très variés :

  • visuels (cécité, trouble de la vision, daltonisme)
  • auditifs (surdité totale ou partielle)
  • moteurs, cognitifs ou neurologiques
  • ou encore liés au vieillissement

Quelles recommandations ?

Les recommandations en ce qui concerne le contenu s'adressent à tous les distributeurs de contenu sur le Web. Ces directives se nomment les Web Content Accessibility Guidelines (WCAG).
WCAG 2.0 comporte 14 directives :

  1. Proposer solutions alternatives aux contenus visuels et auditifs (images statiques ou animées, contenus audio et vidéo) ;
  2. Ne pas construire son site avec des codes couleur ;
  3. Utiliser le balisage HTML et les feuilles de styles CSS de façon appropriée ;
  4. Clarifier l'utilisation du langage naturel ;
  5. Créer des tableaux HTML qui se transforment de façon élégante ;
  6. S'assurer que les pages qui contiennent de nouvelles techniques (objets programmables, styles CSS) se transforment de façon élégante ;
  7. Assurer à l'utilisateur le contrôle des changements du contenu lorsque ce dernier varie dans le temps (clignotements, mouvements, rafraîchissement du contenu, redirections) ;
  8. Assurer un accès direct aux interfaces utilisateur intégrées (objets Flash, applets JAVA), doubler les liens;
  9. Concevoir de manière indépendante du périphérique (souris, clavier, etc.) ;
  10. utiliser des solutions intermédiaires en attendant que les agents utilisateurs aient un meilleur support de l'accessibilité ;
  11. Utiliser les technologies et directives du W3C.

Les 3 dernières recommandations visent à rendre le contenu compréhensible et navigable :

  1. Fournir des informations de contexte et d'orientation ;
  2. Fournir des mécanismes de navigation clairs ;
  3. S'assurer que les pages sont claires et simples.

Un site traite parfaitement de toutes les spécificités liées à l'accessibilité :

http://www.accessiweb.org/

Recommandations :

Les images

Donner à chaque image porteuse d'information une alternative textuelle pertinente et une description détaillée si nécessaire. Remplacer les images textes par du texte stylé lorsque c’est possible. L'usage de l'attribut alt est donc requis.

Contraste

Cela concerne le contraste de couleur entre la couleur de texte et son arrière plan ou un élément coloré par rapport à son arrière plan. Il concerne les personnes gênées par un problème visiel de type daltoniste ou tout visiteur qui s'use les yeux à regarder des couleurs qui manquent de contraste. Un add ons à chrome ermet de s'aider pour ajuster certains contrastes : Colour Contrast Analyser il existe aussi sous forme de logiciel pour mac et PC : https://www.paciellogroup.com/resources/contrastanalyser/

Navigation dans un site

Pour paraphaser le site d'accessiweb, les principales barres de navigation sont :

  • Le menu de navigation principal (usage de la balise nav)
  • Un fil d'Ariane (en PHP)
  • Une liste de navigation d'une liste de résultats (pour un site dynamique)
  • Un menu de sous-rubrique (liens, balise a)

Contexte du lien

Le contexte du lien doit être clair et doit comporter des informations supplémentaires (on parle d'informations de contexte). Il s'agit :

  • Le contenu de la phrase dans laquelle le lien texte est présent
  • Le contenu du paragraphe (balise p) dans lequel le lien texte est présent
  • Le contenu de l'item de liste (balise li) ou le contenu d'un item de liste parent (balise li) dans lequel le lien texte est présent
  • Le contenu du titre (balise H) précédant le lien texte
  • Le contenu de la ou les cellule(s) d'en-tête de tableau (balise(s) th) associée(s) à la cellule de donnée (balise td) dans laquelle le lien texte est présent
  • Le contenu de la cellule de donnée (balise td) dans laquelle le lien texte est présent
  • Le contenu du titre de lien (attribut title)

Feuille de style

C'est le langage CSS qui doit être employé. Le style ne doit pas être inséré dans le HTML. Les styles CSS peuvent être externes (fichier CSS), embarqués (déclarés dans l'en-tête de la page) ou en ligne (déclarés via l'attribut style d'une balise).