This website will not display properly without JavaScript enabled - Ce site ne peut pas s'afficher correctement sans JavaScript - Strony nie wyświetlą się poprawnie bez JavaScript.

Web accessible

This article has +5 years. Its content is probably outdated.

majoration: 2006-02-17

Qu'est-ce un site accessible ?

Condition de base : tout navigateur doit pouvoir accéder à la page d'accueil et, ensuite, pouvoir naviguer sur le site. Ensuite, on définit le niveau d'accessibilité en fonction du public ciblé.

JavaScript

JavaScript est un langage de programmation dynamique. Des textes qui défilent... des images qui changent quand vous déplacez la souris... des nouvelles fenêtres qui s'ouvrent... l'expansion inattendue de la taille de votre fenêtre... sont tous des effets produits par JavaScript.
L'éthique de certains de ces procédés n'étant pas le sujet du présent article, je me limite à l'aspect "accessibilité" de JavaScript.

Les navigateurs classiques (dits "visuels" ou "de bureau" : Explorer, Netscape, Opera...) comprennent tous JavaScript même s'ils ne l'interprètent pas tous de la même manière. D'autres navigateurs, tels les téléphones portables, ne le comprennent pas.
D'emblée, si l'accès à un site est tributaire de JavaScript, le site sera inaccessible à tous les appareils qui ne comprennent pas ce langage. Il en sera de même pour tous les liens écrits en Javascript.

Pour qu'un site reste accessible, le JavaScript ne peut être utilisé autrement qu'en couche supplémentaire.

Cookies

Les cookies sont des petits bouts de code déposés sur votre disque dur. Si leur utilisation est justifiée là où s'agit de vérifier votre identité (lorsque vous relevez votre courrier via une interface web ou quand vous remplissez votre panier d'achat), ils sont superflus dans 99% des autres cas. En clair : ils ne vous servent à rien, ils servent à ceux qui les déposent sur votre ordinateur.

Les sites ou les répertoires de sites qui exigent l'acceptation de cookies pour vous laisser entrer sont inaccessibles en dehors de navigateurs qui savent les gérer. Ils ne seront d'ailleurs pas référencés dans les moteurs de recherche.

Frameset

Des framesets (ensemble de cadres) sont des pages Web composées de plusieurs pages à la fois. Chacune loge dans sa propre frame (cadre), sans que vous vous en rendiez nécessairement compte à l'écran. Le frameset a été inventé par Netscape. Son utilité principale : garder le menu, le header et le footer d'un site à l'écran en permanence, et ne modifier que le contenu principal. L'idée était pratique à l'époque des petits modems et du règne des navigateurs visuels.

Les navigateurs alternatifs ne savent afficher qu'une seule page à la fois. Vous pouvez alors tomber sur une page "cul de sac" d'où vous ne pourrez plus naviguer nulle part.
S'il existe des techniques pour parer aux inconvénients des framesets, ils posent toujours le problème de l'accessibilité. Ils ne sont plus soutenus par W3C depuis XHTML 1.1, et leur utilisation est déconseillée d'autant plus qu'il existe déjà des solutions CSS pour obtenir le même résultat.

Médias

Les contenus dits "embarqués" (embeded), tels les pages en Flash, la vidéo, le txt sur les images, sont inaccessibles aux navigateurs alternatifs et aux robots indexateurs.
Un téléphone portable ne peut pas lire un fichier Flash, un navigateur braille ne voit pas le contenu d'images...

Vous ne pouvez pas revenir sur une partie précise d'une animation Flash en l'ajoutant à vos favoris : les favoris pointeront alors vers l'enveloppe de l'animation et non vers la partie précise de cette enveloppe et vous auriez à refaire le chemin pour accéder à la partie qui vous a intéressé (ce problème est semblable à celui que posent les sites en frameset).

Le problème d'inaccessibilité du texte des images est assez simple à résoudre : il suffit de fournir une description adéquate dans l'attribut "alt" de la balise img ou, dans les cas plus complexes, proposer une description d'image dans un fichier séparé. Quant aux animations Flash ou à la vidéo, il est indispensable de créer des pages alternatives qui présentent le contenu de manière traditionnelle. En bref, il faut doubler le site.

Un jour, Flash s'enrichira d'une vraie couche XML (comme l'a fait Adobe pour le format PDF, depuis la version 5 d'Acrobat) et son contenu deviendra alors indexable et accessible. En attendant, même le site de Macromedia , créateur de Flash, prend ses précautions et ne repose pas sur Flash...

Absence de souris

Si, pour naviguer sur un site, la majorité des internautes utilisent une souris, invention de Apple , tous n'ont pas cette opportunité. Il est nécessaire de le prévoir.

Pour vous rendre compte des problèmes que pose l'absence de souris, essayez de naviguer sur un site Web à l'aide du clavier uniquement, ou depuis votre téléphone portable, ou recourez simplement à l'intermédiaire de Lynx Viewer 

Sans être handicapés, vous apprécierez la présence des raccourcis clavier ou la possibilité de contourner les parties répétitives de chaque page web.

Organisation de contenu

Sur l'écran informatique, vous cernez l'essentiel d'une page en un seul coup d'oeil. Dans un navigateur alternatif, vous la consultez ligne par ligne (c'est également la perception des robots qui indexent le contenu du Web pour les besoins des moteurs de recherche).

Cette différence a des conséquences sur la perception de la logique d'une page web.

Utilité de linéariser les contenus

Les pages dessinées à l'aide des tableaux HTML ("table layout") posent très souvent le problème de la lisibilité des contenus qui, de plus, lus dans un navigateur textuel, peuvent perdre leur logique. Pour éviter des mauvaises surprises, il est conseillé de linéariser les pages en "table layout". Je développe ce sujet dans l'article Linéarisation du contenu.

Liens explicites

Des menus entiers sont souvent réalisés en images. Ces liens-images deviennent anonymes dans des navigateurs non-visuels dès que l'attribut "alt" de la balise image n'est pas renseigné. Au lieu d'un "Accueil - Produits - Société - Contact" que vous voyez à l'écran, vous obtenez alors un "[image] - [image] - [image] - [image]".

Dans le même genre, il y a beaucoup de "Pour en savoir plus, cliquez ici", alors qu'il serait plus explicite d'écrire "Pour en savoir plus, lisez la présentation de la société" car, sortie de contexte, la première phrase n'est pas informative.

Utilité des raccourcis

Sur un moniteur, il est pratique de voir le menu d'un site en haut ou à gauche de l'écran. Dans le code d'une page, cela se traduit le plus souvent par l'écriture du menu au début de la page. Mais alors, quand vous consultez une telle page dans un navigateur alternatif, vous êtes contraint de traverser ce menu à chaque changement de page. Cela ne rend pas une page inaccessible, mais c'est une perte de temps qui se répète.
Pour éviter de fatiguer les visiteurs, il est utile de prévoir des raccourcis qui permettent de contourner les parties répétitives d'une page OU de les placer en bas du code ET les afficher en haut d'un moniteur en profitant des techniques de positionnement (CSS-P).

Niveaux d'accessibilité

Actuellement, il existe trois labels d'accessibilité :

WAI A 
WAI AA 
WAI AAA  (niveau le plus élevé)

Pour en savoir plus :

Web Accessibility Initiative - WAI Home Page 
www.accessify.com 
30 days to a more accessible Web site 
Quand Internet bute sur l'accessibilité (article de "Net Guide" du 17/3/2005, PDF)

Related posts