Qu'est-ce que l'accessibilité d'un site Web ?
Sur le Web, la diversité des conditions de navigation est la règle:
Si la plupart des individus accèdent au Web via un écran d'ordinateur, une souris et un clavier, d'autres naviguent depuis un téléphone cellulaire ou un assistant numérique personnel. Ils ont un petit écran et pas de souris.
D'autres encore accèdent au contenu des pages aidés d'un logiciel de grossissement. Ils ont un écran, mais aucune vision globale de la page.
D'autres, enfin, naviguent en mode braille ou en mode synthèse vocale. Ils n'ont ni souris ni écran.
Moins de 50% des usagers du net naviguent sur Internet dans un confort optimal
Aussi est-il nécessaire de produire des contenus utilisables par un grand nombre de personnes dans un grand nombre de situations.
En un mot, il est nécessaire de produire des contenus accessibles.
Rendre un site accessible n'est pas une mince affaire. Dès lors, comment s'y prendre?
Les cibles prioritaires
Afin de savoir par où commencer, voici l'énoncé des quelques règles dont il convient de tenir compte en priorité:
- ► les unités de mesure
- ► les images cliquables
- ► le javascript
- ► les entêtes
- ► les graphiques
- ► les feuilles de style
Définir la taille des textes en unités de mesure élastiques
Définir la taille des textes à l'écran en 'em', en % ou par mots-clefs et, dès lors, renoncer aux mesures en pixels permet à quiconque utilise Internet Explorer comme navigateur (soit la majorité des utilisateurs) d'agrandir le texte à souhait.
Fournir un équivalent textuel aux images liens
Il arrive qu'une image soit inscrite dans un lien.
Les navigateurs afficheront l'image et l'utilisateur n'aura qu'à cliquer sur celle-ci pour suivre le lien.
Cependant, tout le monde ne voit pas ces images.
Il convient donc de remplir l'attribut "alt" de l'élément "img" en HTML avec une description sommaire du lien auquel renvoie l'image cliquable.
Offrir une alternative au Javascript
Certains groupes d'utilisateurs n'ont pas JavaScript.
Lorsque le fonctionnement d'un lien ou d'un groupe de liens est assujetti à celui de JavaScript, mieux vaut donc prévoir une alternative. C'est là qu'intervient l'élément "noscript" dans le code HTML.
Structurer le contenu avec de véritables en-têtes
Utiliser absolument les balises d'en-tête h1 à h6.
En faisant usage de celles-ci, le document HTML sera mieux structuré et l'information qu'il s'agit bien d'un titre de paragraphe peut être communiquée aux utilisateurs mal-voyants.
Résultat: on augmente les chances de référencement de son site et on facilite la vie à plusieurs.
Fournir un équivalent textuel aux éléments graphiques
Si certaines images sont décoratives, d'autres ont une réelle valeur informative.
Qu'il s'agisse d'un pictogramme, d'un diagramme, d'un plan ou d'un graphique, l'image sert alors de véhicule à un type d'information qui peut être exprimé verbalement.
Ce genre d'images nécessite un texte de remplacement à placer dans l'attribut "alt" de l'élément "img" en HTML, capable de se substituer à l'image et de véhiculer le même type d'information qu'elle.
En l'absence d'un tel texte, les groupes d'utilisateurs qui ne voient pas les images seront privés d'une information contenue dans la page.
utiliser du code et des feuilles de style valides
Le mieux est de toujours soumettre ses pages de code HTML et feuilles de style au
Validateur CSS du W3C.