web Accessibilité Normes et bonnes pratiques pour des sites plus accessibles Armony Altinier Préface de Dominique Burger (BrailleNet)

Transcription

1 Armony Altinier Préface de Dominique Burger (BrailleNet) web Accessibilité Normes et bonnes pratiques pour des sites plus accessibles Groupe Eyrolles, 2012, ISBN :

2 Table des matières Avant-propos... 1 PREMIÈRE PARTIE Accessibilité,handicap et Web...7 CHAPITRE 1 L accessibilité du Web, qu est-ce que c est?... 9 Accessibilité et handicap Le Web, technologie de l universel Naissance de l accessibilité du Web CHAPITRE 2 L accessibilité : pour qui? Pourquoi? Les différents types de handicaps Combien de personnes concernées? Quels types de limitations? Handicaps visuels Handicaps auditifs Handicaps moteurs Handicaps «mentaux» Troubles de santé invalidants Handicap et vieillissement Les technologies d assistance Logiciels de lecture d écran et synthèse vocale Logiciels de lecture d écran et plage Braille Logiciels de grossissement Headstick et pointeurs laser Logiciels de saisie de texte et claviers virtuels Et le handicap auditif alors? Des besoins spécifiques, comme tout le monde! La tentation du test utilisateur en guise d évaluation de l accessibilité

3 X Accessibilité web CHAPITRE 3 Contexte technologique et juridique Évolutions du Web et des technologies d assistance Vers un Web «sémantique»? Les défis du Web riche pour l accessibilité Accessibilité web et obligation légale Le développement de l accessibilité par la loi Le contexte législatif français La loi pour l égalité des droits et des chances, la participation et la citoyenneté des personnes handicapées Le décret d application L arrêté ministériel relatif au référentiel général d accessibilité pour les administrations : que faut-il faire concrètement? Quelle obligation d accessibilité en dehors du secteur public? DEUXIÈME PARTIE Aspects techniques de l accessibilité du Web CHAPITRE 4 Comprendre les règles d accessibilité du Web Un seul standard, les WCAG La création du groupe de travail WAI par le W3C Les quatre grands principes des WCAG Douze grandes règles issues des quatre principes Les critères de succès Les techniques et échecs WCAG Les trois niveaux de conformité : A, AA et AAA Évaluer l accessibilité d un site web Principe de l audit Méthodes d évaluation Le référentiel AccessiWeb Le RGAA Différences entre le référentiel AccessiWeb et le RGAA Rédaction, méthodologie et structure Maintenance et évolutions Contenus

4 Table des matières XI CHAPITRE 5 Introduction au référentiel AccessiWeb CHAPITRE 6 Images, cadres et couleurs (thématiques AccessiWeb 1 à 3) Images Un attribut alt sur chaque image Images porteuses d information, images de décoration et images d illustration.91 Rédiger une alternative pertinente Description courte Description longue Cas particuliers : captchas et images tests Les textes sous forme d image Cas particuliers Cadres Un attribut title pertinent Copier-coller = danger! Couleurs Alternative aux informations données par la couleur Pertinence de l alternative Un contraste «suffisant» Les limites de la seule prise en compte des contrastes CHAPITRE 7 Multimédia (thématique AccessiWeb 4) Vocabulaire : média temporel, média non temporel, synchronisé ou non, préenregistré ou en direct Média temporel versus média non temporel Média synchronisé ou non synchronisé Média préenregistré ou en direct Transcription et sous-titrage : écrire ce qui ne peut être entendu Et les sourds qui ne savent pas lire? Audiodescription : dire ce qui ne peut être vu Un lecteur accessible Description synthétique du média Un média contrôlable par l utilisateur Un média «compatible avec les technologies d assistance» Médias de décoration et autres cas particuliers

5 XII Accessibilité web CHAPITRE 8 Tableaux (thématique AccessiWeb 5) Tableaux de données et tableaux de présentation Les tableaux de présentation Les tableaux de données Réaliser un tableau de données accessible Exemple d un tableau simple Exemple d un tableau simple à double entrées Exemple d un tableau complexe à en-têtes multiples Un tableau accessible, facile? CHAPITRE 9 Liens et scripts (thématiques AccessiWeb 6 et 7) Liens Intitulé et titre de lien Un intitulé présent et explicite L ambiguïté du terme «explicite» Contexte de lien Le cas des images liens Les liens composites Halte aux attributs title abusifs! Le cas des liens identiques Scripts Alternative à JavaScript Une alternative «si nécessaire» Le cas particulier de l environnement maîtrisé Un script accessible Navigation au clavier et à la souris Des scripts compatibles avec les technologies d assistance Les changements de contexte Une définition complexe Rendre un changement de contexte accessible Contrôler les alertes non sollicitées CHAPITRE 10 Éléments obligatoires, structuration de l information et présentation de l information (thématiques Accessiweb 8 à 10) Éléments obligatoires Sécuriser l accès des technologies d assistance à la page web Définir un cadre technique clair

6 Table des matières XIII Ne pas induire en erreur les agents utilisateurs Indiquer les modifications au sein de la page Les changements de langue au sein de la page Les changements de sens de lecture Structuration de l information Des titres pour structurer la page Des listes correctement balisées Des abréviations et acronymes explicités Des citations déclarées comme telles Présentation de l information Utiliser les feuilles de styles Rendre l information perceptible Désactiver les images ou les CSS Le texte est-il lisible avec un zoom texte à 200 %? Des textes cachés restitués si nécessaire Se repérer dans la page Lisibilité sur écran et dyslexie Ne pas donner l information seulement par la forme, la taille ou la position CHAPITRE 11 Formulaires, navigation et consultation (thématiques AccessiWeb 11 à 13) Formulaires Étiquettes et boutons : des intitulés pertinents Des étiquettes présentes, pertinentes et associées aux champs Des boutons à l intitulé pertinent Structurer ses formulaires Regrouper les informations de même nature Structurer les listes de choix Encadrer la saisie des données Accompagner la saisie des données Contrôler le traitement des données Navigation Les systèmes de navigation Dans un ensemble de pages : navigation principale, plan du site, recherche Dans une collection de pages : liens suivant/précédent Optimiser sa navigation : le fil d Ariane Les zones de navigation : liens d accès rapide et liens d évitement Attention, c est un piège! Consultation Maîtriser son environnement : les limites de temps et l ouverture de nouvelles fenêtres 257

7 XIV Accessibilité web Rafraîchissement ou redirection automatique et limites de temps Ouverture de nouvelles fenêtres Documents en téléchargement Identifier les documents en téléchargement Des documents bureautiques accessibles Des textes clairs et explicites Attention au jargon! Contenus cryptiques (émoticônes, art ASCII) Prononciation Effet de flash, contenus en mouvement et clignotants CHAPITRE 12 HTML5, ARIA et accessibilité Chouette, encore plus de sémantique! Une meilleure structuration de la page Nouvel algorithme de titrage Des légendes pour les images Des champs de formulaire mieux identifiés Le multimédia devient du Web L interactivité définie en HTML WAI-ARIA, le Web riche accessible Comment ça marche? Les rôles, avec l attribut role Propriétés et états WAI-ARIA, «la» solution? Et maintenant, que faire? TROISIÈME PARTIE L accessibilité du Web, au-delà des normes CHAPITRE 13 La démarche accessibilité Par où commencer? Deux axes à concilier : ce qui est faisable facilement et ce qui est crucial pour l accessibilité WCAG-EM : la méthodologie selon la WAI Accessibility First Step : l étape juste avant de faire de l accessibilité MIPAW : l accès à l information d abord AcceDe Web : l accessibilité selon son profil et selon la phase projet «Et l accessibilité?» : une démarche en une question

8 Table des matières XV Une démarche progressive et continue : accessibilité et conduite du changement Se former, sensibiliser, convaincre Une amélioration continue : «tendre vers» l accessibilité L accessibilité... accessible à tous? Les métiers de l accessibilité du Web : de la formation à la professionnalisation Spécialisation et transversalité Les métiers dédiés à l accessibilité : évaluateur, consultant, formateur La spécialisation nécessaire des intégrateurs et des contributeurs Tout le monde peut contribuer! Conclusion : Accessibilité et liberté Définition des abréviations par ordre alphabétique Index