Infos générales - Accessibilité web

Chapitre accessibilité -> Infos générales

Intro

Dans ce chapitre sur les Informations générales pour rendre un site plus accessible, nous allons étudier quelques conseils simples pour rendre votre site plus "Accessible".

Information sur du contenu de la page html

langue et encodage

Pour faciliter l'interprétation des navigateurs spécifiques ou non, vous devez spécifier plusieurs choses :

La langue de la page dans la balise HTML HTML
Exemple de code :
Pour les pages ayant une DTD HTML :
<HTML lang="fr">

Pour les pages ayant une DTD XHTML :
<html lang="fr" xml:lang="fr">


Si dans votre document vous changez de langue, vous devez le spécifier grâce à l'attribut HTML LANG.
Exemple de code :
Pour les pages ayant une DTD HTML :
<p lang="en">Web Accessibility Initiative</p>

Pour les pages ayant une DTD XHTML :
<p lang="en" xml:lang="en">Web Accessibility Initiative</p>

Vous devez spécifier aussi dans le Header de votre page HTML, l'encodage de la page.
Pour cela utilisez une balise META.
Exemple de code :
<META http-equiv="Content-Type" content="text/html; charset=ISO-8859-5">

Title explicite

TITLE

Un même titre sur différentes pages d'un site peut induire les internautes en erreur.

Mettez un titre différent pour chaque page HTML et explicite en fonction du contenu de la page HTML.
Ce titre va permettre à l'internaute de valider son choix par rapport à l'information qu'il recherche.
Par exemple, je recherche des informations sur "les non-voyant et l'accessibilité".
Premier cas : mes pages se nomment toutes Accessibilité web.
Je ne suis pas très renseigné sur le contenu de la page HTML.
Second cas : la page à un titre en fonction de son contenu.
J'ouvre une page qui a pour titre "Accessibilité et les mal-entendant". Je peux me dire que je ne vais pas trouvez l'information que je cherche. Mais si la page à comme titre "Accessibilité et les non-voyant", alors je suis sur la bonne voie.

Ce conseil est aussi bien valable pour les personnes utilisant un navigateur texte que pour les autres internautes.

Couleurs

Texte et fond

Vous devrez vous assurer que la combinaison de couleurs entre le texte et le fond du texte soit suffisamment contrastée pour être lu par des personnes souffrant d'un déficit de perception des couleurs ou sur un écran noir et blanc.

Liens, fond

Vous devrez vous assurer que la combinaison de couleurs entre le lien visité, le lien actif et le lien non visité soit suffisamment contrastée pour pouvoir les différencier. Vérifier aussi que le fond et le lien soit suffisamment contrastée quelque soit son état (actif, non actif, visité)

Majuscules et italique

Majuscules, italique

Pour facilité la lecture de votre page HTML, vous devez éviter de mettre trop de texte en majuscules. Il en est de même pour les Italiques.

Les lettres en capitales sont plus difficiles à lire que les lettres en minuscules.
Je cite : "...les saccades oculaires nécessaires pour lire un texte en Majuscule sont plus nombreuse...".

Un petit mot par ici, un petit mot par là et voilà.

Longueur d'une page

1024 x 768

Pour éviter trop de manipulations pour lire la totalité du texte (agrandisseur d'écran) et pour des problèmes de chargement, vos pages ne devront pas dépasser trois écrans en résolution 1024*768 pour une police de taille 12pt.

Il est aussi important pour faciliter l'accessibilité aux personnes handicapées de mettre des repères réguliers comme par exemple un lien interne du type : "Revenir au début de la page". Mais cela peut être apprécié par tous les internautes.