L’Accessibilité, Pour Qui

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.