L'accessibilité du web
1.4 En pratique : créer ou rendre un site web accessible .1 Accessibilité et utilisabilité.1 Accessibilité et utilisabilité
1.4.3 Les validateurs : vérication automatique
Durant la création d'un site ou lors de sa modication dans le but d'obtenir un site ac-cessible, il faut vérier la conformité du code par rapport aux normes faisant références dans le domaine de l'accessibilité. Pour cela, il existe plusieurs outils de vérication automatique du code disponibles sur Internet. Précisons qu'avant de vérier les normes d'accessibilité, il est important de vérier l'adéquation du code de la page avec les normes des langages de description.
Tester le respect des normes HTML
HTML Validator [252], mis en ligne par le W3C, contrôle le code source HTML en vériant s'il respecte les normes HTML 4.01 [107]. Ce même outil permet également de tester la validité du code si celui-ci est écrit en XHTML. Pour tester le code, il sut de rentrer l'adresse URL de la page ou le chemin du code présent en local. Quelques secondes
(a) (b)
(c)
(d)
Fig. 1.16 Les 4 principaux guides francophones sur l'accessibilité du web : La Grange (a), BrailleNet (b), Voir+ (c) et Accès-pour-tous (d).
La grange Voir+ BrailleNet Accès pour tous Informations sur le
handi-cap et les aides techniques x x
Contexte législatif non actualisé non actualisé
Lien vers les recomman-dations ocielles (HTML, CSS, WCAG)
x x x x
Explication des
recomman-dations ocielles x
Lien vers des outils de
vali-dation automatique x x x x
Fiches techniques x x x
Validateur intégré x
Démarche d'accessibilité générale
Tab. 1.4 Comparaison de diérents guides d'accessibilité.
plus tard, les résultats s'achent. Si la page n'est pas valide, le nombre d'erreurs est indiqué et un listing apparaît avec des explications et des liens vers des pages d'aide à la résolution de ces problèmes.
D'autres validateurs sont également disponibles comme le validateur du W3Quebec [254], le validateur du Web Design Group (WDG) [260], les validateurs francophones Validome [248] et celui du W3C écrit en PHP [223], ou encore le validateur ProzeValide [234] (aussi appelé Validateur W3C Multipages).
Tester le respect des normes CSS
CSS Validator [251] permet de tester les feuilles de style (CSS - Cascading Style Sheet). Pour réaliser ce test, il sut d'entrer l'URL de la feuille de style ou le chemin de la CSS en local. Comme pour HTML Validator, la liste des erreurs apparaît ensuite. Suite à ce listing d'erreurs, le CSS Validator propose une version de la feuille de style CSS validée dans laquelle les lignes de code invalides ont simplement été supprimées. Cette démarche n'est pas la bonne car certains styles non conformes aux normes CSS mais utilisés sur le site web sont supprimés par le validateur, ce qui va modier l'achage des pages du site web. Il est alors conseillé de résoudre les erreurs une à une et de chercher une alternative pour chaque cas en s'aidant des recommandations CSS du W3C [140].
Tester l'accessibilité
Bobby [259] est un validateur en ligne, des normes WCAG 1.0 et produisant, pour une page donnée, un rapport des erreurs qu'il divise en 4 sections :
erreur de priorité 1 : problèmes qui aectent sérieusement l'utilisation de la page erreur de priorité 2 : problème d'accès secondaire
erreur de priorité 3 : problème d'accès tertiaire
erreur de compatibilité avec le navigateur : les éléments HTML utilisés sur la page ne sont pas valides pour les navigateurs particuliers.
Le rapport d'analyse reprend toutes les erreurs ligne par ligne en fournissant une explication pour pallier au problème. Une fois la page valide, Bobby fournit un logo correspondant au niveau d'accessibilité de la page ainsi qu'une liste de critères plus subjectifs qu'il est dicile de tester automatiquement.
OCAWA [247], à l'instar de Bobby, est un test d'accessibilité en ligne. Cependant il dis-tance les autres outils, notamment par l'intégration de tous les standards et règles existants mais aussi par la mise en valeur des aspects d'inaccessibilité directement dans le code source et précisément sur la balise concernée dans le rapport. De plus, l'ensemble du code source est aché précisant l'emplacement précis des erreurs détectées dans le rapport. Toutefois étant un outil commercial, le nombre de pages qu'il est possible de tester gratuitement est limité.
A-Prompt [165] est un logiciel téléchargeable qui permet de vérier des pages hors-ligne. Le rapport obtenu liste l'ensemble des erreurs à modier et propose une correction automa-tique. Après avoir entré la localisation de la page HTML, la fenêtre de correction apparaît. En sélectionnant l'erreur et en cliquant sur Réparer l'erreur peut être automatiquement rectiée. Un certain nombre d'erreurs demande tout de même une correction manuelle. A chaque erreur est associée sa priorité par rapport aux directives de la WAI. De plus, l'utili-sateur a la possibilité de choisir le niveau d'accessibilité souhaité. Ainsi, le nombre d'erreurs détectées varie en fonction du niveau choisi. Une fois la page réparée, le logo A-PROMPT peut y être inséré avec le niveau d'accessibilité correspondant.
The Wave [261] est un navigateur spécialisé qui permet de tester un grand nombre d'aspects d'accessibilité de la WAI, par exemple la présence d'attributs alt dans certaines balises, l'ordre de linéarisation des tableaux, l'emploi d'attributs HTML obsolètes ou erronés, la présence de Javascripts. . . L'emploi de The Wave est particulièrement aisé : un clic sut pour que la page web s'ache avec des illustrations supplémentaires aux endroits sensibles pour coder les erreurs, les alertes et les diérents éléments du rapport. Il est possible d'activer les liens et de naviguer de page en page. Ce service est disponible en ligne, pour des pages résidentes ou non. La gure 1.17 représente l'achage par The Wave de la page d'accueil du site web de l'équipe Handicap et Nouvelles Technologie (HaNT) du Laboratoire d'Informatique (LI) de l'université de Tours. On peut y voir en vert les éléments respectant les normes d'accessibilité, en orange les avertissements, et en rouge les erreurs. Un autre avantage de The Wave est l'achage de l'ordre de déplacement par la touche tabulation. Cela permet de visualiser l'ordre d'achage des éléments en mode texte, et de suivre le déplacement d'un internaute n'utilisant pas de souris.
Le tableau 1.5 résume les caractéristiques essentielles des quatres principaux validateurs cités ci-dessus.
Fig. 1.17 Visualisation du site web de l'équipe HaNT par The Wave.
Bobby Ocawa A-Prompt The Wave
outil en ligne en ligne hors ligne en ligne
test de pages en ligne en ligne hors ligne en/hors ligne
langue angl angl/fr angl angl
choix du niveau d'accessibilité non non oui oui
priorité des erreurs oui non oui non
listing des erreurs par thème non oui non oui
numéro de la ligne de l'erreur oui oui non non
visualisation non code non page
explication détaillée des erreurs oui non non non
proposition de correction non non oui non
Tab. 1.5 Comparaison de diérents validateurs d'accessibilité.
Hormis ces quatre validateurs, on peut en trouver de nombreux autres comme par exemple A-Checker [164], ART Guide [245], EvalAccess [213], Hermish [239], Web Acces-sibility Inspector [196], Tidy [235], Cynthia Says [201] ou encore Hera [197], qui sont des validateurs gratuits en ligne.