l’accessibilité, pour qui
DESCRIPTION
Voici le support de la mini-conférence que j\'ai donné à la Kiwi Party 2012.Cette présentation liste différents types de handicaps qui sont impactés par la mise en place d\'une politique d\'accessibilité web sur un site. Pour chaque profils sont donnés des exemples d\'amélioration de l\'accessibilité.TRANSCRIPT
L’ACCESSIBILITÉ, POUR QUI ?
Laurie-Anne Bourdain
Kiwi Party – 4 mai 2012 - Strasbourg
LES TYPES DE HANDICAPS
Handicaps Visuels Handicaps Auditifs Handicaps Moteurs Handicaps Cognitifs La Barrière de la Langue Autres Facteurs Handicapants
HANDICAPS VISUELS• Troubles de la vision
• Perception des couleurs
TROUBLES DE LA VISION
NON VOYANT
Profil type : Cécité Contraintes : Ne voit pas l’écran, ne peux
utiliser une souris Aides techniques : Lecteur d’écran, clavier
braille Comment l’aider :
Alt pertinents sur les images; Pas de contenu dans le CSS ou généré/masqué
en JS; Intitulés de liens pertinents et non redondants; Utilisation des labels sur les formulaires; Ne pas utiliser d’évènement JS reposant sur la
position de la souris; …
MAL VOYANT
Profil type : Acuité visuelle de 3/10e après correction
Contraintes : Vision floue, les petits éléments ne sont pas vus
Aides techniques : Loupe, paramètres du navigateur, lecteur d’écran, clavier braille
Comment l’aider : Ne pas empêcher l’agrandissement des
caractères; Éviter l’utilisation des textes en images.
MAL VOYANT
10/10 ~ 2/10
http://www.optiker.at/simulator/
J’AI CASSÉ MES LUNETTES !
PERCEPTION DES COULEURS
DYSCHROMATOPSIE
Profil type : Daltonien Contraintes : Ne perçoit pas certaines ou
toutes les couleurs Aides techniques : Aucune Comment l’aider :
Ne pas se reposer sur les couleurs; S’assurer d’un contraste suffisamment élevé
entre contenus et fonds.
DYSCHROMATOPSIE
Non perception du rouge
Non perception du vert
PHOTOPHOBIE
Profil type : Hypersensibilité à la lumière, Conjonctivite
Contraintes : Yeux sensibles, facilement éblouis
Aides techniques : Lunettes de soleil Comment l’aider :
Éviter les contrastes trop forts.
SMARTPHONE / TABLETTE
HANDICAPS AUDITIFS
SURDITÉ, TOTALE OU PARTIELLE
Profil type : Sourds et malentendants Contraintes : N’entends pas (ou mal),
problèmes de lectures Aides techniques : Appareil auditif Comment l’aider :
Sous-titrer les contenus vidéo; Transcrire les contenus audio (et vidéo); Traduire en langue des signes.
SURDITÉ, TOTALE OU PARTIELLE
Profil type : Personne souffrant d’acouphène Contraintes : Auditions perturbée,
hyperacousie Aides techniques : Aucune Comment l’aider :
Sous-titrer les contenus vidéo; Transcrire les contenus audio (et vidéo); Ne pas lancer de vidéo ou d’audio
automatiquement.
BRUIT AMBIANT
HANDICAPS MOTEURS
PARALYSIE
Profil type : Tétraplégie Contraintes : Utilisations de la souris et du
clavier impossibles Aides techniques : Logiciels de dictée, track
ball, « HeadMouse », stylet pour tête… Comment l’aider :
Ne pas empêcher la navigation au clavier (focus);
Ne pas se reposer sur l’utilisation de la souris; Ne pas (trop) limiter le temps pour accomplir une
action (comme remplir un formulaire).
MALADIE NEUROLOGIQUE DÉGÉNÉRATIVE
Profil type : Maladie de Parkinson Contraintes : Mouvements incontrôlables Aides techniques : Aucune Comment l’aider :
Éviter les zones cliquables de petite taille;
LA SOURIS QUI TOMBE EN PANNE
HANDICAP COGNITIF
TROUBLE DE LA MÉMOIRE
Profil type : Amnésie, Age Contraintes : Difficulté à mémoriser Aides techniques : Aucune Comment l’aider :
Éviter les menus « Pain Surprise » (Mystery Meat);
Respecter une arborescence logique; Prévoir un système de récupération de mot de
passe et de nom d’utilisateur; Conserver la même structure pour toutes les
pages d’un site; Indiquer où se trouve l’utilisateur dans le site; …
TROUBLE DE LA PERCEPTION
Profil type : Dyslexie Contraintes : Difficulté de lecture et de
compréhension Aides techniques : Verres de lunettes teintés Comment l’aider :
Éviter les contrastes maximum entre les textes et leurs fonds;
Augmenter les hauteurs de lignes; Marquer les différents paragraphes par des
espaces d’au moins une hauteur de ligne; Bien hiérarchiser son texte; Distinguer les titres du reste du contenu;
TROUBLE DE L’ATTENTION
Profil type : Hyperactivité Contraintes : Difficulté de concentration,
facilement distrait Aides techniques : Aucune Comment l’aider :
Éviter les éléments qui bougent ou flashent; Permettre l’arrêt de toute animation.
RÉSOLUTION DE PROBLÈMES
Profil type : Retard mental Contraintes : Se perds quand ses repères
disparaissent Aides techniques : Comment l’aider :
Éviter les erreurs 404; Avoir une page 404 reprenant le thème du site; Éviter les liens ambigus (du type « Lire la
suite… »); Mettre en évidence les erreurs de formulaire; Éviter les menus « Pain Surprise » (Mystery
Meat); Respecter une arborescence logique; …
MIGRAINE
ABUS DIVERS
LA BARRIÈRE DE LA LANGUE
FRANÇAIS, LANGUE ÉTRANGÈRE
Profil type : Etranger avec une connaissance variable du Français / Utilisateur de Google Traduction
Contraintes : Difficulté de compréhension Aides techniques : Traducteurs en ligne Comment l’aider :
Utiliser un français correct, sans (trop de) fautes d’orthographe;
Utiliser un français courant, sans mots inutilement complexes / désuets
Ne pas se laisser tenter par la traduction automatique.
SMS, LANGUE VIVANTE
AUTRES FACTEURS HANDICAPANTS
LE MATÉRIEL ET LE LOGICIEL
L’ÂGE
ET PLEIN D’AUTRES CHOSES… QU’ON NE PEUT JAMAIS PRÉVOIR.