Introduction à l'évaluation d'accessibilité des sites Web Denis Boudreau, AccessibilitéWeb

Certains droits réservés Attribution - Partage dans les mêmes conditions 2.5 Canada Permalien : http://goo.gl/bap9L

Denis Boudreau @dboudreau www.accessibiliteweb.com www.deque.com #sgqri008 #w3c #a11y #a11yMTL

Sommaire de l’atelier Démocratiser la pratique Méthodologie d’évaluation Types d’évaluations Outils d’évaluation Ressources utiles Mise en pratique

Démarche complexe Caractère technique Démystifier la pratique Dédramatiser la tâche Favoriser l’autonomie

Méthodologie d’évaluation Étape 1 Définir l’étendue Étape 2 Explorer le site Étape 3 Sélectionner l’échantillon Étape 4 Évaluer l'échantillon Étape 5 Rapporter les résultats

Étape 1 Définir l’étendue de l'évaluation Définir la portée générale Définir les objectifs organisationnels Définir la cible de conformité Définir le contexte d'utilisation du site Définir les techniques préconisées (optionnel)

Étape 2 Explorer le site Web ciblé v Identifier les pages communes du site Identifier les fonctionnalités spécifiques Identifier les différents types de pages Identifier les bases technologiques du site

Étape 3 Sélectionner un échantillon représentatif w Inclure les pages communes du site Inclure les pages aux fonctionnalités spécifiques Inclure d'autres types de pages pertinentes Inclure des processus complets (cas d’utilisation)

Étape 4 Évaluer l'échantillon sélectionné x Évaluer une grande variété de cas d'utilisation Se référer aux techniques et échecs WCAG 2.0 Valider le support réel de l’accessibilité Archiver les pages évaluées à titre de référence Noter la liste des outils, test et méthodes utilisés

Étape 5 Rapporter les résultats de l'évaluation y Documenter chaque étape de la démarche Proposer des recommandations de correction Fournir une déclaration du degré d'accessibilité Fournir un indice de rendement ou note Fournir des rapports lisibles par machine (option)

Types d’évaluations Évaluation préliminaire de l’accessibilité Évaluation fonctionnelle de l’accessibilité Évaluation avec lecteur d’écran Évaluation technique de conformité Évaluation initiale Ronde itératives d’évaluation Attestation de conformité Évaluation d’un site en parties distinctes Évaluation simultanée de plusieurs sites

Outils d’évaluation technique Navigateurs Web (Firefox) FireBug (Firefox) Web Developer Toolbar (Firefox) HeadingsMap (Firefox) Juicy Studio Toolbar (MSIE) Web Accessibility Toolbar Autres outils possibles, dont : (Firefox) FireEyes (Firefox) NoSquint (Firefox) Opquast Desktop (Firefox) Fangs Color Contrast Analyzer Etc.

Outils d’évaluation fonctionnelle Lecteurs d’écran NVDA (logiciel libre et gratuit) JAWS (licence entre 895 et 1095$) Window-Eyes (licence à 895$) VoiceOver (avec iOS ou MacOS) Différents types de tests Débrancher la souris Fermer les haut-parleurs Utiliser le clavier seulement

Évaluation fonctionnelle 101 Permet d’illustrer les conséquences des problèmes techniques pour les utilisateurs.

Ressources utiles WCAG-EM 1.0 – Working Draft Grille d’évaluation Format PDF (72ko) http://goo.gl/LXu9x Grille d’évaluation Format eXcel (52ko) http://goo.gl/EJZmk Rapport d’évaluation Format à définir.

Mise en pratique Grille de test allégée Démocratiser l’expertise Gagner en autonomie Garantir le 80/20

Aspects abordés Contenus non-textuels En-têtes de sections Formulaires Tableaux de données Tableaux de présentation Utilisation de la couleur Navigation au clavier Aide à la navigation Définition de la langue

Mise en pratique Sélection d’un ou plusieurs sites Web Des suggestions? Des volontaires ?

Merci de votre attention! Denis Boudreau, Président Coopérative AccessibilitéWeb 1751 rue Richardson, bureau 6111 Montréal (Québec), Canada H3K 1G6 Sans frais : +1 (877) 315-5550 Courriel : dboudreau@accessibiliteweb.com Web : www.accessibiliteweb.com Twitter : @AccessibiliteWb / @dboudreau