• Aucun résultat trouvé

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.