L’Accessibilité, Pour Qui

35
L’ACCESSIBILITÉ, POUR QUI ? Laurie-Anne Bourdain Kiwi Party – 4 mai 2012 - Strasbourg

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 of L’Accessibilité, Pour Qui

Page 1: L’Accessibilité, Pour Qui

L’ACCESSIBILITÉ, POUR QUI ?

Laurie-Anne Bourdain

Kiwi Party – 4 mai 2012 - Strasbourg

Page 2: L’Accessibilité, Pour Qui

LES TYPES DE HANDICAPS

Handicaps Visuels Handicaps Auditifs Handicaps Moteurs Handicaps Cognitifs La Barrière de la Langue Autres Facteurs Handicapants

Page 3: L’Accessibilité, Pour Qui

HANDICAPS VISUELS• Troubles de la vision

• Perception des couleurs

Page 4: L’Accessibilité, Pour Qui

TROUBLES DE LA VISION

Page 5: L’Accessibilité, Pour Qui

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; …

Page 6: L’Accessibilité, Pour Qui

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.

Page 7: L’Accessibilité, Pour Qui

MAL VOYANT

10/10 ~ 2/10

http://www.optiker.at/simulator/

Page 8: L’Accessibilité, Pour Qui

J’AI CASSÉ MES LUNETTES !

Page 9: L’Accessibilité, Pour Qui

PERCEPTION DES COULEURS

Page 10: L’Accessibilité, Pour Qui

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.

Page 11: L’Accessibilité, Pour Qui

DYSCHROMATOPSIE

Non perception du rouge

Non perception du vert

Page 12: L’Accessibilité, Pour Qui

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.

Page 13: L’Accessibilité, Pour Qui

SMARTPHONE / TABLETTE

Page 14: L’Accessibilité, Pour Qui

HANDICAPS AUDITIFS

Page 15: L’Accessibilité, Pour Qui

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.

Page 16: L’Accessibilité, Pour Qui

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.

Page 17: L’Accessibilité, Pour Qui

BRUIT AMBIANT

Page 18: L’Accessibilité, Pour Qui

HANDICAPS MOTEURS

Page 19: L’Accessibilité, Pour Qui

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).

Page 20: L’Accessibilité, Pour Qui

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;

Page 21: L’Accessibilité, Pour Qui

LA SOURIS QUI TOMBE EN PANNE

Page 22: L’Accessibilité, Pour Qui

HANDICAP COGNITIF

Page 23: L’Accessibilité, Pour Qui

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; …

Page 24: L’Accessibilité, Pour Qui

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;

Page 25: L’Accessibilité, Pour Qui

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.

Page 26: L’Accessibilité, Pour Qui

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; …

Page 27: L’Accessibilité, Pour Qui

MIGRAINE

Page 28: L’Accessibilité, Pour Qui

ABUS DIVERS

Page 29: L’Accessibilité, Pour Qui

LA BARRIÈRE DE LA LANGUE

Page 30: L’Accessibilité, Pour Qui

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.

Page 31: L’Accessibilité, Pour Qui

SMS, LANGUE VIVANTE

Page 32: L’Accessibilité, Pour Qui

AUTRES FACTEURS HANDICAPANTS

Page 33: L’Accessibilité, Pour Qui

LE MATÉRIEL ET LE LOGICIEL

Page 34: L’Accessibilité, Pour Qui

L’ÂGE

Page 35: L’Accessibilité, Pour Qui

ET PLEIN D’AUTRES CHOSES… QU’ON NE PEUT JAMAIS PRÉVOIR.