Codeurs en Seine 2014: une histoire de l'accessibilité Web

57
Codeurs En Seine - 2014 @OlivierNourry V-Technologies Une histoire de l'accessibilité Web

description

Le concept d'accessibilité prend sa source dans l'évolution de la notion de handicap à travers le temps, dans les esprits comme dans la loi. Nous verrons comment cette évolution nous a permis de passer d'une approche médicale à une approche sociale du handicap. Puis, en prenant l'exemple de l'accès à l'écrit pour les personnes déficientes visuelles, nous évoquerons les solutions passées, présentes, et pourquoi pas, futures, pour l'accessibilité. Nous verrons comment nous sommes passés de l'ère de l'adaptation à celle de l'adaptabilité, en espérant entre un jour dans celle de l'inclusion.

Transcript of Codeurs en Seine 2014: une histoire de l'accessibilité Web

Page 1: Codeurs en Seine 2014: une histoire de l'accessibilité Web

Codeurs En Seine - 2014@OlivierNourry – V-Technologies

Une histoire de l'accessibilité Web

Page 2: Codeurs en Seine 2014: une histoire de l'accessibilité Web

L’ACCESSIBILITÉ WEB

2

Page 3: Codeurs en Seine 2014: une histoire de l'accessibilité Web

Une définition

L’art de rendre

perceptible, utilisable et compréhensible

un contenu Web,

pour tous les utilisateurs,

y compris les utilisateurs handicapés.

3

Page 4: Codeurs en Seine 2014: une histoire de l'accessibilité Web

L’ÉVOLUTION DE LA NOTION DE HANDICAP

4

Page 5: Codeurs en Seine 2014: une histoire de l'accessibilité Web

Une notion relativement récente

À l’origine (« Hand in cap »): au XIXème siècle, dans le domaine sportif, désavantage consenti pour égaliser les chances.

Passe dans le langage commun pour désigner, au figuré, un désavantage, une infériorité, pour une personne.

Dans les années 1950: entre dans le champ médico-social.

Page 6: Codeurs en Seine 2014: une histoire de l'accessibilité Web

Handicap?

Jusque dans les années 1970, définition « médicale »: résultat d’une déficiencephysique, mentale ou sensorielle.

Page 7: Codeurs en Seine 2014: une histoire de l'accessibilité Web

Handicapé?

Philippe CroizonA traversé la Manche à la nage en 14h. Sans bras, ni jambes.

http://www.lepoint.fr/sport/sans-bras-ni-jambes-croizon-a-traverse-la-manche-a-la-nage-19-09-2010-1238259_26.php

© Leoty Xavier / MAXPPP

Page 8: Codeurs en Seine 2014: une histoire de l'accessibilité Web

Handicapé?

Stevie Wonder24 Grammy Awards,

20+ singles n°1 aux USA,

20+ albums dans le Top 10.

http://www.steviewonder.org.uk/multimedia/photo_gallery/gallery.html

Page 9: Codeurs en Seine 2014: une histoire de l'accessibilité Web

Handicapé?

Stephen HawkingAstrophysicien, auteur de découvertes

cosmologiques majeures.

http://www.hawking.org.uk/images.html

Page 10: Codeurs en Seine 2014: une histoire de l'accessibilité Web

Handicapé?

Dark VadorTyran intergalactique

Page 11: Codeurs en Seine 2014: une histoire de l'accessibilité Web

Une définition insuffisante

• On peut présenter une déficience sans pour autant être systématiquement en situation de handicap.

• Inversement, on peut être en situation de handicap, sans pour autant systématiquement présenter de déficience.

Page 12: Codeurs en Seine 2014: une histoire de l'accessibilité Web

Sans commentaire…

12

Page 13: Codeurs en Seine 2014: une histoire de l'accessibilité Web

Une définition insuffisante

La définition « médicale » ne rend pas compte des aptitudes et difficultés effectives de la personne.

Page 14: Codeurs en Seine 2014: une histoire de l'accessibilité Web

Daredevil, le super-héros aveugle.

Mais pas que.

14

Page 15: Codeurs en Seine 2014: une histoire de l'accessibilité Web

Définition « fonctionnelle » du handicap

Entre 1970 et 2005: La personne porteuse de déficiences est handicapée, mais possède des capacités. Elle est capable de s’adapter (ou se réadapter) à l’environnement.

Page 16: Codeurs en Seine 2014: une histoire de l'accessibilité Web

En progrès, mais peut mieux faire

Le handicap reste perçu comme un état dont il faut sortir, en s’adaptant à la société.

Idée sous-jacente: il faut « corriger », « réparer », pour se rapprocher d’une norme implicite.

Page 17: Codeurs en Seine 2014: une histoire de l'accessibilité Web

Changeons de perspective

Nic Steenhout:

“Pourquoi est-ce si important de marcher? Sans

les escaliers, les marches, les portes étroites,

les transports publics inaccessibles, les salles

de bains trop petites, les places de parking

étroites, être en fauteuil roulant ne serait pas

si mal. Notez que la source de ces problèmes

est externe à la personne elle-même. Le

problème n’est pas le corps de la personne,

et modifier ce ‘corps défectueux’ ne va pas

réparer comme par magie une société

inaccessible.”

Extrait et traduit de « A different take on World Cup opening kick »

Page 18: Codeurs en Seine 2014: une histoire de l'accessibilité Web

Définition « sociale » du handicap

Le handicap est l’effet produit par un environnement inadapté

face à un besoin spécifique.

Page 19: Codeurs en Seine 2014: une histoire de l'accessibilité Web

Un renversement de perspective inscrit dans la loi

• Loi du 30 juin 1975 d’orientation en faveur des personnes handicapées: logique d’intégration

o C’est aux personnes porteuses de handicap de s’adapter à la société.

• Loi du 11 février 2005 pour l’égalité des droits et des chances des personnes handicapées: logique d’inclusion

o C’est la société qui prend en compte les spécificités de chaque groupe et chaque individu pour s’y adapter.

Page 20: Codeurs en Seine 2014: une histoire de l'accessibilité Web

Une définition opérationnelle de l’accessibilité

L’accessibilité vise à compenser ou contourner une déficience pour réduire ou annuler la situation de handicap.

Page 21: Codeurs en Seine 2014: une histoire de l'accessibilité Web

ÉVOLUTION DE L’ACCESSIBILITÉ

21

Page 22: Codeurs en Seine 2014: une histoire de l'accessibilité Web

Un concept neuf pour une pratique ancienne

L’accessibilité au sens où on l’entend aujourd’hui résulte du modèle social du handicap.

Mais depuis toujours, des techniques et outils existent.

Page 23: Codeurs en Seine 2014: une histoire de l'accessibilité Web

VOYAGE DANS LE TEMPS

Une histoire de l’accessibilité à l’écrit

23

Page 24: Codeurs en Seine 2014: une histoire de l'accessibilité Web

Note préliminaire

Focus sur la déficience visuelle, mais concerne toutes les personnes « empêchées de lire »:

• Illettrisme

• Dyslexie et autres troubles du langage

• Troubles cognitifs divers: mémorisation, attention, phobies…

• « handicap situationnel » (conduite, environnement perturbant, etc.)

Page 25: Codeurs en Seine 2014: une histoire de l'accessibilité Web

L’ACCESSIBILITÉ À L’ÉCRIT AVANT L’ÈRE NUMÉRIQUE

25

Page 26: Codeurs en Seine 2014: une histoire de l'accessibilité Web

Lecteur/Lectrice

De tous temps, lecture par un tiers (tuteur, éducateur, assistant…).

Page 27: Codeurs en Seine 2014: une histoire de l'accessibilité Web

Une solution efficace mais imparfaite• Réservé à un petit nombre

• Dépendanceo Vis-à-vis d’un tiers

o Vis-à-vis du contenu

• Possibles effets de bord

Page 28: Codeurs en Seine 2014: une histoire de l'accessibilité Web

Le Braille

1829: Louis Braille présente une méthode de représentation de l’écrit accessible par le toucher

Page 29: Codeurs en Seine 2014: une histoire de l'accessibilité Web

Le Braille permet l’accès à l’écrit de façon autonome. Mais…• Relativement peu pratiqué (10-15% des non-

voyants)

• Encombrant (4 pages épaisses pour une page « en noir » standard)

• Différents codes (standard, abrégé, langues orientales, informatique, maths, musique…)

• Problème de disponibilité des contenus Dépendance vis-à-vis des producteurs de contenus

Page 30: Codeurs en Seine 2014: une histoire de l'accessibilité Web

Les caractères agrandis

Nombreux domaines couverts: romans, essais, jeux, bandes dessinées, etc.

Page 31: Codeurs en Seine 2014: une histoire de l'accessibilité Web

Utile pour de nombreuses personnes. Mais…• Requiert un minimum de vision

• Problème de disponibilité des contenus Dépendance vis-à-vis des producteurs de contenus

Page 32: Codeurs en Seine 2014: une histoire de l'accessibilité Web

Les livres audio

Aussi anciens que le son enregistré (phonographe d’Edison en 1877).

Page 33: Codeurs en Seine 2014: une histoire de l'accessibilité Web

Économique, marché élargi. Mais…

• Lecture séquentielle

• Problème de disponibilité des contenus Dépendance vis-à-vis des producteurs de contenus

Page 34: Codeurs en Seine 2014: une histoire de l'accessibilité Web

Un problème commun

• La disponibilité, et donc le choix des contenus, dépendent d’un tiers

• En général, retard de la version adaptée par rapport à la version « normale »

Autonomie limitée

Page 35: Codeurs en Seine 2014: une histoire de l'accessibilité Web

CE QUE LE NUMÉRIQUE A CHANGÉ

35

Page 36: Codeurs en Seine 2014: une histoire de l'accessibilité Web

Numérique vs. physique

Le format numérique peut être décliné en différents

formats physiques

Page 37: Codeurs en Seine 2014: une histoire de l'accessibilité Web

Une nouvelle ère

Avec le numérique on passe de l’adaptation à l’adaptabilité.

• Une source unique pour satisfaire différentsbesoins

• Les limitations physiques et temporelles sont considérablement réduites

• Les coûts de production et de prise en charge baissent

Page 38: Codeurs en Seine 2014: une histoire de l'accessibilité Web

LES TECHNOLOGIES D’ASSISTANCE NUMÉRIQUES, D’HIER À AUJOURD’HUI

38

Page 39: Codeurs en Seine 2014: une histoire de l'accessibilité Web

Lire l’écran autrement 1/2

Les premiers micro-ordinateurs fonctionnant en mode texte, la conversion en Braille ou en voix est relativement aisée.

• Années 80: Screen Reader, pour les ordinateurs BBC et Nec portable.

• 1989: première version de JAWS (MS-DOS)

Page 40: Codeurs en Seine 2014: une histoire de l'accessibilité Web

Lire l’écran autrement 2/2

En mode graphique, plus compliqué…

Représentation 2D

Visuels

Mise en forme des caractères

Le principe général: recréer un modèle de la représentation graphique, pour une lecture linéaire non visuelle

• 1993: JAWS For Windows

• 2005: VoiceOver sur Mac

• 2009: VoiceOver sur iPhone

Page 41: Codeurs en Seine 2014: une histoire de l'accessibilité Web

Une technologie devenue banale

Page 42: Codeurs en Seine 2014: une histoire de l'accessibilité Web

Le Braille à l’ère du numérique 1/2

• 1950: premier dispositif Braille « rafraichissable » (IBM)

• 1969: première embosseuse Braille pour ordinateur (MIT)

• 1975: premier appareil comportant une plageBraille (Université de Dortmund)

• 1978: premier micro-ordinateur en Braille

• 1987: premier dispositif portable comportant une plage Braille

Page 43: Codeurs en Seine 2014: une histoire de l'accessibilité Web

Le Braille à l’ère du numérique 2/2

• 2011: HyperBraille, dispositif expérimental permettant les représentations en relief des graphiques

Page 44: Codeurs en Seine 2014: une histoire de l'accessibilité Web

Il reste un problème…

Malgré les progrès réalisés en termes d’autonomie,

une dépendance persiste…

Page 45: Codeurs en Seine 2014: une histoire de l'accessibilité Web
Page 46: Codeurs en Seine 2014: une histoire de l'accessibilité Web
Page 47: Codeurs en Seine 2014: une histoire de l'accessibilité Web
Page 48: Codeurs en Seine 2014: une histoire de l'accessibilité Web

Graphiste

Dev

Chef de projet

Page 49: Codeurs en Seine 2014: une histoire de l'accessibilité Web

LE FUTUR…

Faire tomber la dernière dépendance?

49

Page 50: Codeurs en Seine 2014: une histoire de l'accessibilité Web

Un axe de progrès possible

Les outils actuels sont encore très primitifscomparés au cerveau humain:

• Compréhension linguistique

• Interprétation des formes, couleurs, tailles…

• Interprétation des images et des sons

• Intégration du contexte culturel

Page 51: Codeurs en Seine 2014: une histoire de l'accessibilité Web

Et si demain...

…les robots pouvaient nous comprendre?

Page 52: Codeurs en Seine 2014: une histoire de l'accessibilité Web

Ellie, psychologue virtuelle

Page 53: Codeurs en Seine 2014: une histoire de l'accessibilité Web

Description automatique d’images

Page 54: Codeurs en Seine 2014: une histoire de l'accessibilité Web

Watson, ordinateur cognitif

Page 55: Codeurs en Seine 2014: une histoire de l'accessibilité Web

BONUS

55