Accessibilité

Web
Sébastien Delcroix

Copyright © CRI74 – GNU Free Documentation License

Sommaire

> Introduction
> Contexte
> Enjeux
> Objectifs
> Technique et terminologie
> Rendre mon site accessible
> Conclusion
> Questions ?

Copyright © CITIC74 – GNU Free Documentation License 2

Introduction 1/2
> Qu'est-ce que l'accessibilité ?
> « Mettre le Web et ses services à la disposition de tous les 
individus quel que soit leur matériel ou logiciel, leur infrastructure 
réseau, leur langue maternelle, leur culture, leur localisation 
géographique, ou leurs aptitudes physiques ou mentales ». par Tim
Berners-Lee, directeur du W3C

Copyright © CITIC74 – GNU Free Documentation License 3

Introduction 2/2
> Accessibilité « Universelle »
> Répondre aux besoins des internautes :
> utilisant des systèmes d'exploitation différents
> utilisant des navigateurs différents
> utilisant des machines différentes (PC, Mac, PDA, Téléphone, terminal braille,
synthèse vocale)
> utilisant le bas débit
> ayant un handicap (même temporaire : bras cassé)

Copyright © CITIC74 – GNU Free Documentation License 4

Contexte
> 97 % des sites web NE SONT PAS accessibles
> Travaux depuis 1996 du groupe de travail Web Accessibility Initiative (WAI)
> En France : la loi 2005-102 du 11/02/2005 sur « l'égalité des droits et des chances, la
participation et la citoyenneté des personnes »
> Article 47 :« les services de communication publique en ligne des services de
l'Etat, des collectivités territoriales et des établissements publics qui en
dépendent doivent être accessibles aux personnes handicapées »

Copyright © CITIC74 – GNU Free Documentation License 5

Enjeux
> Social : handicap, non exclusion
> Economique :
> e-commerce (achat depuis n'importe quel type de terminal)
> accès aux informations (nomadisme)
> part de marché (IE < 70% des navigateurs)
> Communication : visible de tous, image de l'organisme/société

Copyright © CITIC74 – GNU Free Documentation License 6

Objectifs
> Accessibilité pour tous
> Personnes
> aveugles ou malvoyants, déficients auditifs
> Population vieillissante => simplicité
> Handicap temporaire
> Matériel
> terminaux braille, synthèse vocale
> PDA/GSM
> OS / Navigateur
> Nous sommes ou serons tous concernés un jour

Copyright © CITIC74 – GNU Free Documentation License 7

Exemple 1/2

Copyright © CITIC74 – GNU Free Documentation License 8

Exemple 2/2

Copyright © CITIC74 – GNU Free Documentation License 9

Technique et terminologie
> Web Content Accessibility Guidelines (WCAG 1.0), date de 1999 (la version 2.0 est en
cours de validation et améliore la version 1.0)
> niveau d'accessibilité
> A / Bronze
> AA / Argent
> AAA / Or

Copyright © CITIC74 – GNU Free Documentation License 10

Niveaux d'accessibilité
Priorité Niveau Obligation Portée Exemple
Ce qui doit Lève les bar- Toute information
être fait. rières obstru- véhiculée par la couleur
1 A
ctives à l'accès est également
aux contenus perceptible sans couleur.
Ce qui devrait Lève d'autres Les constrates de
être fait barrières couleurs entre avant-
2 AA significatives plan et arrière-plan sont
suffisants dans les
images.
Ce qui peut Améliore le Les constrates de
être fait confort couleurs entre avant-plan
3 AAA d'accès et arrière-plan sont
suffisants dans les
textes.

Copyright © CITIC74 – GNU Free Documentation License 11

14 directives du WCAG
> 1. Fournir des alternatives équivalentes aux contenus visuels et auditifs (images
statiques ou animées, contenus audio et vidéo).
> 2. Ne pas s'en remettre exclusivement aux couleurs
> 3. Utiliser le balisage HTML et les feuilles de styles CSS de façon appropriée
> 4. Clarifier l'utilisation du langage naturel
> 5. Créer des tableaux HTML qui se transforment de façon élégante
> etc.

Copyright © CITIC74 – GNU Free Documentation License 12

points de contrôles
> Il peut y avoir plusieurs points de contrôle par directive, ex pour la directive 2 :
> 1. « S’assurer que toute information convoyée par des couleurs est
également accessible sans couleur, par exemple à partir du contexte ou de
balises ».
> 2. « S’assurer que la combinaison de couleurs entre le premier plan et
l’arrière-plan utilise suffisamment de contraste lorsqu’elle est utilisée par des
personnes souffrant d’un déficit de perception des couleurs ou sur un écran
noir et blanc ».

Copyright © CITIC74 – GNU Free Documentation License 13

Exemple

Copyright © CITIC74 – GNU Free Documentation License 14

Côté navigateur
> Des recommandations ont aussi été faites pour les outils de consultations
> User Agent Accessibility Guidelines (UAAG 1.0)
> Eviter les sites « Optimiser pour ... »

Copyright © CITIC74 – GNU Free Documentation License 15

Et les sites dynamiques ?
> AJAX, Javascript, DHTML, SVG
> Accessible Rich Internet Applications Suite (ARIA)
> Efforts de certains éditeurs pour fournir des composants logiciels
« accessibles »
> Flash, Java => WCAG 2.0
> Pas au niveau de la techno intrinsèque
> Uniquement sur « l'embarquement » de la techno

Copyright © CITIC74 – GNU Free Documentation License 16

Rendre mon site accessible
> Méthode (les différentes phases)
> Attention à l'implication des acteurs autour de la validation
> Quand dois-je migrer mon site web pour être conforme ?

Copyright © CITIC74 – GNU Free Documentation License 17

Vers l'accessibilité 1/4
> 1ère étape
> Analyse de l'éxistant
> Détermination des ressources disponibles et nécessaires
> Détermination du niveau d'accessibilité ciblé (A, AA, AAA)
> Evaluation des délais et des coûts
> Rédiger le cahier des charges pour les prestataires => choix de l'outil

Copyright © CITIC74 – GNU Free Documentation License 18

Vers l'accessibilité 2/4
> 2ème étape
> Réalisation technique
> Réintégration des données
> Insertion des nouvelles données
> Mise en conformité et validation
> Mise en ligne

Copyright © CITIC74 – GNU Free Documentation License 19

Vers l'accessibilité 3/4
> 3ème étape
> Pérenniser l'investissement
> Former
> Chef de projet
> Tédacteur(s)
> Evaluer
> Validation constante du site
> Processus de validation

Copyright © CITIC74 – GNU Free Documentation License 20

Vers l'accessibilité 4/4
> 4ème étape
> Valoriser les efforts consentis
> Motivation des différents acteurs sur la qualité du service autour de
l'accessibilité

Copyright © CITIC74 – GNU Free Documentation License 21

Validation
> Le site est valide si et seulement si l'ensemble des acteurs ont effectué leur
travail de saisie et de validation.
> Une partie de la validation peut être automatisée (en utilisant logiciels de
validation)
> ex : est-ce que les alternatives textuelles pour une image sont bien
remplies ?
> Il faut une validation humaine et notamment un contrôle de la pertinence des
données alternatives textuelles
> il est possible d'avoir une assistance à la validation humaine en utilisant,
par exemple, des workflows

Copyright © CITIC74 – GNU Free Documentation License 22

Validation workflow
Non valide

Valide

Saisie des
données Validation Mise en ligne

Copyright © CITIC74 – GNU Free Documentation License 23

Contraintes
> Plus compliqué à maintenir
> Contrôle qualité
> Validation en continue
> Implication des différents acteurs
> Responsables => motivation des acteurs

Copyright © CITIC74 – GNU Free Documentation License 24

Quand ?
> Définir le moment où mettre en place l'accessibilité
> Obligation nécessaire (objectifs commerciaux, obligations légales)
> Importance de l'image (communication)
> Attendre la prochaine refonte du site
> Migration du « moteur » du site web
> Ne pas se forcer à le faire parce que « c'est la mode »

Copyright © CITIC74 – GNU Free Documentation License 25

Quel niveau choisir ?
> Minimum A fatalement ;-)
> AA recommandé
> AAA très compliqué à mettre en oeuvre, surtout pour des petites structures.

Copyright © CITIC74 – GNU Free Documentation License 26

Les coûts
> Choix du niveau d'accessibilité A, AA ou AAA
> temps-homme pour la saisie
> temps-homme pour la validation
> Moteur spécifique « compatible WAI » et du niveau A, AA ou AAA choisi

Copyright © CITIC74 – GNU Free Documentation License 27

Conclusion
> Nécessaire d'un point de vue global (handicap, terminaux différents, mobilité etc.)
> +/- lourd et coûteux à mettre en place (ROI)
> Réorganisation du processus de vie du site web
> Bien choisir le moment pour la mise en place

Copyright © CITIC74 – GNU Free Documentation License 28

 Merci de votre attention
Questions ?

Copyright © CRI74 – GNU Free Documentation License

Copyright © CRI74 – GNU Free Documentation License
Références - Sources
> Titre
www.url.net

> Titre
http://...
> Titre

Copyright © CRI74 – GNU Free Documentation License 31