SlideShare une entreprise Scribd logo
1  sur  57
Une histoire de l'accessibilité Web 
Codeurs En Seine - 2014 
@OlivierNourry – V-Technologies
L’ACCESSIBILITÉ WEB 
2
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
L’ÉVOLUTION DE LA NOTION 
DE HANDICAP 
4
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.
Handicap? 
Jusque dans les années 1970, définition 
« médicale »: résultat d’une déficience 
physique, mentale ou sensorielle.
Handicapé? 
Philippe Croizon 
A traversé la Manche à la nage en 14h. Sans bras, ni jambes. 
© Leoty Xavier / MAXPPP 
http://www.lepoint.fr/sport/sans-bras-ni-jambes-croizon-a-traverse-la-manche-a-la-nage-19-09-2010-1238259_26.php
Handicapé? 
Stevie Wonder 
24 Grammy Awards, 
20+ singles n°1 aux USA, 
20+ albums dans le Top 10. 
http://www.steviewonder.org.uk/multimedia/photo_gallery/gallery.html
Handicapé? 
Stephen Hawking 
Astrophysicien, auteur de découvertes 
cosmologiques majeures. 
http://www.hawking.org.uk/images.html
Handicapé? 
Dark Vador 
Tyran intergalactique
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.
Sans commentaire… 
12
Une définition insuffisante 
La définition « médicale » ne rend pas compte des 
aptitudes et difficultés effectives de la personne.
Daredevil, le super-héros aveugle. 
Mais pas que. 
14
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.
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.
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 »
Définition « sociale » du 
handicap 
Le handicap est l’effet produit par un 
environnement inadapté 
face à un besoin spécifique.
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.
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.
ÉVOLUTION DE 
L’ACCESSIBILITÉ 
21
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.
VOYAGE DANS LE TEMPS 
Une histoire de 
l’accessibilité à l’écrit 
23
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.)
L’ACCESSIBILITÉ À L’ÉCRIT 
AVANT L’ÈRE NUMÉRIQUE 
25
Lecteur/Lectrice 
De tous temps, lecture par un tiers (tuteur, 
éducateur, assistant…).
Une solution efficace mais 
imparfaite 
• Réservé à un petit nombre 
• Dépendance 
o Vis-à-vis d’un tiers 
o Vis-à-vis du contenu 
• Possibles effets de bord
Le Braille 
1829: Louis Braille présente une méthode de 
représentation de l’écrit accessible par le 
toucher
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
Les caractères agrandis 
Nombreux domaines couverts: romans, essais, 
jeux, bandes dessinées, etc.
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
Les livres audio 
Aussi anciens que le son enregistré (phonographe 
d’Edison en 1877).
Économique, marché élargi. Mais… 
• Lecture séquentielle 
• Problème de disponibilité des contenus 
 Dépendance vis-à-vis des producteurs de 
contenus
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
CE QUE LE NUMÉRIQUE A 
CHANGÉ 
35
Numérique vs. physique 
Le format numérique peut être décliné en différents 
formats physiques
Une nouvelle ère 
Avec le numérique on passe 
de l’adaptation à l’adaptabilité. 
• Une source unique pour satisfaire différents 
besoins 
• Les limitations physiques et temporelles sont 
considérablement réduites 
• Les coûts de production et de prise en charge 
baissent
LES TECHNOLOGIES 
D’ASSISTANCE 
NUMÉRIQUES, D’HIER À 
AUJOURD’HUI 
38
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)
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
Une technologie devenue banale
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 plage 
Braille (Université de Dortmund) 
• 1978: premier micro-ordinateur en Braille 
• 1987: premier dispositif portable comportant 
une plage Braille
Le Braille à l’ère du numérique 2/2 
• 2011: HyperBraille, dispositif expérimental 
permettant les représentations en relief des 
graphiques
Il reste un problème… 
Malgré les progrès réalisés en termes d’autonomie, 
une dépendance persiste…
Graphiste 
Chef de projet 
Dev
LE FUTUR… 
Faire tomber la dernière 
dépendance? 
49
Un axe de progrès possible 
Les outils actuels sont encore très primitifs 
comparé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
Et si demain... 
…les robots pouvaient nous comprendre?
Ellie, psychologue virtuelle
Description automatique d’images
Watson, ordinateur cognitif
BONUS 
55
Androne, par Goggle
Merci! 
@OlivierNourry – AccessiBlog.fr 
@VTechFr – V-technologies

Contenu connexe

En vedette

La page d'accueil
La page d'accueilLa page d'accueil
La page d'accueilEPN Gouvy
 
Numérique et handicap, quelles solutions ?
Numérique et handicap, quelles solutions ?Numérique et handicap, quelles solutions ?
Numérique et handicap, quelles solutions ?le Relais 59
 
CP Handicap et solidarité numérique 12 04 10
CP Handicap et solidarité numérique 12 04 10CP Handicap et solidarité numérique 12 04 10
CP Handicap et solidarité numérique 12 04 10Nathalie Kosciusko-Morizet
 
Plaquette Handi2day octobre 2015
Plaquette Handi2day octobre 2015Plaquette Handi2day octobre 2015
Plaquette Handi2day octobre 2015AVIE
 
4 Bandas Que Influenciaron Mi Musica
4 Bandas Que Influenciaron Mi Musica4 Bandas Que Influenciaron Mi Musica
4 Bandas Que Influenciaron Mi MusicaJonathan Rasch
 
Diapo repartition des voix
Diapo repartition des voixDiapo repartition des voix
Diapo repartition des voixe117362s
 
Enquête Besoins en main-d'oeuvre 2012 - Pôle emploi
Enquête Besoins en main-d'oeuvre 2012 - Pôle emploiEnquête Besoins en main-d'oeuvre 2012 - Pôle emploi
Enquête Besoins en main-d'oeuvre 2012 - Pôle emploiNathalie SALLES
 
Céline Guillot. Approche complexe de l'urbanisme. Nouveaux outils.
Céline Guillot. Approche complexe de l'urbanisme. Nouveaux outils.Céline Guillot. Approche complexe de l'urbanisme. Nouveaux outils.
Céline Guillot. Approche complexe de l'urbanisme. Nouveaux outils.Sylvia Fredriksson
 
Android smartphones & tablettes : application mobile ou native ?
Android smartphones & tablettes : application mobile ou native ?Android smartphones & tablettes : application mobile ou native ?
Android smartphones & tablettes : application mobile ou native ?linxtek
 
Año de la Fe 2012 - 2013 Credo I / II
Año de la Fe 2012 - 2013 Credo I / IIAño de la Fe 2012 - 2013 Credo I / II
Año de la Fe 2012 - 2013 Credo I / IIGiovanni Dutan
 
2013 12-g9plus-nouveaux eldorados
2013 12-g9plus-nouveaux eldorados2013 12-g9plus-nouveaux eldorados
2013 12-g9plus-nouveaux eldoradosInstitut G9+
 
1966 mitchell eddy - la société anonyme
1966   mitchell eddy - la société anonyme1966   mitchell eddy - la société anonyme
1966 mitchell eddy - la société anonymeJean-Paul BOULAND
 
Facilitez moi-la-vie-presentation
Facilitez moi-la-vie-presentationFacilitez moi-la-vie-presentation
Facilitez moi-la-vie-presentationa2sr
 

En vedette (20)

La page d'accueil
La page d'accueilLa page d'accueil
La page d'accueil
 
Numérique et handicap, quelles solutions ?
Numérique et handicap, quelles solutions ?Numérique et handicap, quelles solutions ?
Numérique et handicap, quelles solutions ?
 
CP Handicap et solidarité numérique 12 04 10
CP Handicap et solidarité numérique 12 04 10CP Handicap et solidarité numérique 12 04 10
CP Handicap et solidarité numérique 12 04 10
 
Plaquette Handi2day octobre 2015
Plaquette Handi2day octobre 2015Plaquette Handi2day octobre 2015
Plaquette Handi2day octobre 2015
 
130516-AccessibiliteAAS-Soutenance-LAST
130516-AccessibiliteAAS-Soutenance-LAST130516-AccessibiliteAAS-Soutenance-LAST
130516-AccessibiliteAAS-Soutenance-LAST
 
4 Bandas Que Influenciaron Mi Musica
4 Bandas Que Influenciaron Mi Musica4 Bandas Que Influenciaron Mi Musica
4 Bandas Que Influenciaron Mi Musica
 
Diapo repartition des voix
Diapo repartition des voixDiapo repartition des voix
Diapo repartition des voix
 
Enquête Besoins en main-d'oeuvre 2012 - Pôle emploi
Enquête Besoins en main-d'oeuvre 2012 - Pôle emploiEnquête Besoins en main-d'oeuvre 2012 - Pôle emploi
Enquête Besoins en main-d'oeuvre 2012 - Pôle emploi
 
Céline Guillot. Approche complexe de l'urbanisme. Nouveaux outils.
Céline Guillot. Approche complexe de l'urbanisme. Nouveaux outils.Céline Guillot. Approche complexe de l'urbanisme. Nouveaux outils.
Céline Guillot. Approche complexe de l'urbanisme. Nouveaux outils.
 
Présentation soutenance 07 11 13 Rebecca Dahm
Présentation soutenance 07 11 13 Rebecca DahmPrésentation soutenance 07 11 13 Rebecca Dahm
Présentation soutenance 07 11 13 Rebecca Dahm
 
Réorganisation
RéorganisationRéorganisation
Réorganisation
 
Android smartphones & tablettes : application mobile ou native ?
Android smartphones & tablettes : application mobile ou native ?Android smartphones & tablettes : application mobile ou native ?
Android smartphones & tablettes : application mobile ou native ?
 
Realidad aumentada
Realidad aumentada Realidad aumentada
Realidad aumentada
 
Año de la Fe 2012 - 2013 Credo I / II
Año de la Fe 2012 - 2013 Credo I / IIAño de la Fe 2012 - 2013 Credo I / II
Año de la Fe 2012 - 2013 Credo I / II
 
Perueduca1
Perueduca1 Perueduca1
Perueduca1
 
2013 12-g9plus-nouveaux eldorados
2013 12-g9plus-nouveaux eldorados2013 12-g9plus-nouveaux eldorados
2013 12-g9plus-nouveaux eldorados
 
1966 mitchell eddy - la société anonyme
1966   mitchell eddy - la société anonyme1966   mitchell eddy - la société anonyme
1966 mitchell eddy - la société anonyme
 
A09
A09A09
A09
 
2225
22252225
2225
 
Facilitez moi-la-vie-presentation
Facilitez moi-la-vie-presentationFacilitez moi-la-vie-presentation
Facilitez moi-la-vie-presentation
 

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

13 octobre 2015 ENSSIB FIBE
13 octobre 2015 ENSSIB FIBE13 octobre 2015 ENSSIB FIBE
13 octobre 2015 ENSSIB FIBElucmaumet
 
Le jour où l’on n’a plus eu besoin de l'accessibilité
Le jour où l’on n’a plus eu besoin de l'accessibilitéLe jour où l’on n’a plus eu besoin de l'accessibilité
Le jour où l’on n’a plus eu besoin de l'accessibilitéOlivier Nourry
 
Claire Dégez : Accueillir les personnes handicapées en bibliothèque
Claire Dégez : Accueillir les personnes handicapées en bibliothèqueClaire Dégez : Accueillir les personnes handicapées en bibliothèque
Claire Dégez : Accueillir les personnes handicapées en bibliothèqueJC Brochard
 
Haut débit et fracture numérique : moderniser sans exclure
Haut débit et fracture numérique : moderniser sans exclureHaut débit et fracture numérique : moderniser sans exclure
Haut débit et fracture numérique : moderniser sans exclurePhilippe Cazeneuve
 
education-reseaux-sociaux
education-reseaux-sociauxeducation-reseaux-sociaux
education-reseaux-sociauxolivier
 
Smart city et handicap conference I. Shahrour HANDINUM - Dunkerque 290515
Smart city et handicap conference I. Shahrour HANDINUM - Dunkerque  290515Smart city et handicap conference I. Shahrour HANDINUM - Dunkerque  290515
Smart city et handicap conference I. Shahrour HANDINUM - Dunkerque 290515Isam Shahrour
 
Accessibilite normes
Accessibilite normesAccessibilite normes
Accessibilite normesDieudbill
 
2009 Abf Faidherbe
2009 Abf Faidherbe2009 Abf Faidherbe
2009 Abf Faidherbecyberdoc
 
Une translittératie pour une vie transmédiatique
Une translittératie pour une vie transmédiatiqueUne translittératie pour une vie transmédiatique
Une translittératie pour une vie transmédiatiqueJulien PIERRE
 
Que peut-on apprendre des tiers lieux 2.0 ? (AIMS 2017)
Que peut-on apprendre des tiers lieux 2.0 ? (AIMS 2017)Que peut-on apprendre des tiers lieux 2.0 ? (AIMS 2017)
Que peut-on apprendre des tiers lieux 2.0 ? (AIMS 2017)David VALLAT
 
Epn Camp Table 2
Epn Camp Table 2Epn Camp Table 2
Epn Camp Table 2CoRAIA
 
Accessibilité, réalité et perspectives. Edwige Morin (20080319)
Accessibilité, réalité et perspectives. Edwige Morin (20080319) Accessibilité, réalité et perspectives. Edwige Morin (20080319)
Accessibilité, réalité et perspectives. Edwige Morin (20080319) FFFOD
 
FOADhandicap_EMorin_20080319
FOADhandicap_EMorin_20080319FOADhandicap_EMorin_20080319
FOADhandicap_EMorin_20080319Edwige Morin
 
Restitution Barcamp design et vieillissement
Restitution Barcamp design et vieillissementRestitution Barcamp design et vieillissement
Restitution Barcamp design et vieillissementFing
 
La convergence médiatique : la culture de l'information sur la piste de la tr...
La convergence médiatique : la culture de l'information sur la piste de la tr...La convergence médiatique : la culture de l'information sur la piste de la tr...
La convergence médiatique : la culture de l'information sur la piste de la tr...Olivier Le Deuff
 
Animation multimédia : enjeux & perspectives - CNFPT Bretagne Sept 2009
Animation multimédia : enjeux & perspectives - CNFPT Bretagne Sept 2009Animation multimédia : enjeux & perspectives - CNFPT Bretagne Sept 2009
Animation multimédia : enjeux & perspectives - CNFPT Bretagne Sept 2009Philippe Cazeneuve
 

Similaire à Codeurs en Seine 2014: une histoire de l'accessibilité Web (20)

13 octobre 2015 ENSSIB FIBE
13 octobre 2015 ENSSIB FIBE13 octobre 2015 ENSSIB FIBE
13 octobre 2015 ENSSIB FIBE
 
Le jour où l’on n’a plus eu besoin de l'accessibilité
Le jour où l’on n’a plus eu besoin de l'accessibilitéLe jour où l’on n’a plus eu besoin de l'accessibilité
Le jour où l’on n’a plus eu besoin de l'accessibilité
 
Claire Dégez : Accueillir les personnes handicapées en bibliothèque
Claire Dégez : Accueillir les personnes handicapées en bibliothèqueClaire Dégez : Accueillir les personnes handicapées en bibliothèque
Claire Dégez : Accueillir les personnes handicapées en bibliothèque
 
Haut débit et fracture numérique : moderniser sans exclure
Haut débit et fracture numérique : moderniser sans exclureHaut débit et fracture numérique : moderniser sans exclure
Haut débit et fracture numérique : moderniser sans exclure
 
education-reseaux-sociaux
education-reseaux-sociauxeducation-reseaux-sociaux
education-reseaux-sociaux
 
Smart city et handicap conference I. Shahrour HANDINUM - Dunkerque 290515
Smart city et handicap conference I. Shahrour HANDINUM - Dunkerque  290515Smart city et handicap conference I. Shahrour HANDINUM - Dunkerque  290515
Smart city et handicap conference I. Shahrour HANDINUM - Dunkerque 290515
 
Accessibilite normes
Accessibilite normesAccessibilite normes
Accessibilite normes
 
2009 Abf Faidherbe
2009 Abf Faidherbe2009 Abf Faidherbe
2009 Abf Faidherbe
 
Poitiers
PoitiersPoitiers
Poitiers
 
Une translittératie pour une vie transmédiatique
Une translittératie pour une vie transmédiatiqueUne translittératie pour une vie transmédiatique
Une translittératie pour une vie transmédiatique
 
Astrolabe 2.0
Astrolabe 2.0Astrolabe 2.0
Astrolabe 2.0
 
Que peut-on apprendre des tiers lieux 2.0 ? (AIMS 2017)
Que peut-on apprendre des tiers lieux 2.0 ? (AIMS 2017)Que peut-on apprendre des tiers lieux 2.0 ? (AIMS 2017)
Que peut-on apprendre des tiers lieux 2.0 ? (AIMS 2017)
 
Epn Camp Table 2
Epn Camp Table 2Epn Camp Table 2
Epn Camp Table 2
 
Accessibilité, réalité et perspectives. Edwige Morin (20080319)
Accessibilité, réalité et perspectives. Edwige Morin (20080319) Accessibilité, réalité et perspectives. Edwige Morin (20080319)
Accessibilité, réalité et perspectives. Edwige Morin (20080319)
 
FOADhandicap_EMorin_20080319
FOADhandicap_EMorin_20080319FOADhandicap_EMorin_20080319
FOADhandicap_EMorin_20080319
 
Restitution Barcamp design et vieillissement
Restitution Barcamp design et vieillissementRestitution Barcamp design et vieillissement
Restitution Barcamp design et vieillissement
 
La convergence médiatique : la culture de l'information sur la piste de la tr...
La convergence médiatique : la culture de l'information sur la piste de la tr...La convergence médiatique : la culture de l'information sur la piste de la tr...
La convergence médiatique : la culture de l'information sur la piste de la tr...
 
Fluxtuat Nec Mergitur
Fluxtuat Nec MergiturFluxtuat Nec Mergitur
Fluxtuat Nec Mergitur
 
La Accesibilidad y el espacio público (francés)
La Accesibilidad y el espacio público (francés)La Accesibilidad y el espacio público (francés)
La Accesibilidad y el espacio público (francés)
 
Animation multimédia : enjeux & perspectives - CNFPT Bretagne Sept 2009
Animation multimédia : enjeux & perspectives - CNFPT Bretagne Sept 2009Animation multimédia : enjeux & perspectives - CNFPT Bretagne Sept 2009
Animation multimédia : enjeux & perspectives - CNFPT Bretagne Sept 2009
 

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

  • 1. Une histoire de l'accessibilité Web Codeurs En Seine - 2014 @OlivierNourry – V-Technologies
  • 3. 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
  • 4. L’ÉVOLUTION DE LA NOTION DE HANDICAP 4
  • 5. 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.
  • 6. Handicap? Jusque dans les années 1970, définition « médicale »: résultat d’une déficience physique, mentale ou sensorielle.
  • 7. Handicapé? Philippe Croizon A traversé la Manche à la nage en 14h. Sans bras, ni jambes. © Leoty Xavier / MAXPPP http://www.lepoint.fr/sport/sans-bras-ni-jambes-croizon-a-traverse-la-manche-a-la-nage-19-09-2010-1238259_26.php
  • 8. Handicapé? Stevie Wonder 24 Grammy Awards, 20+ singles n°1 aux USA, 20+ albums dans le Top 10. http://www.steviewonder.org.uk/multimedia/photo_gallery/gallery.html
  • 9. Handicapé? Stephen Hawking Astrophysicien, auteur de découvertes cosmologiques majeures. http://www.hawking.org.uk/images.html
  • 10. Handicapé? Dark Vador Tyran intergalactique
  • 11. 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.
  • 13. Une définition insuffisante La définition « médicale » ne rend pas compte des aptitudes et difficultés effectives de la personne.
  • 14. Daredevil, le super-héros aveugle. Mais pas que. 14
  • 15. 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.
  • 16. 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.
  • 17. 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 »
  • 18. Définition « sociale » du handicap Le handicap est l’effet produit par un environnement inadapté face à un besoin spécifique.
  • 19. 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.
  • 20. 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.
  • 22. 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.
  • 23. VOYAGE DANS LE TEMPS Une histoire de l’accessibilité à l’écrit 23
  • 24. 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.)
  • 25. L’ACCESSIBILITÉ À L’ÉCRIT AVANT L’ÈRE NUMÉRIQUE 25
  • 26. Lecteur/Lectrice De tous temps, lecture par un tiers (tuteur, éducateur, assistant…).
  • 27. Une solution efficace mais imparfaite • Réservé à un petit nombre • Dépendance o Vis-à-vis d’un tiers o Vis-à-vis du contenu • Possibles effets de bord
  • 28. Le Braille 1829: Louis Braille présente une méthode de représentation de l’écrit accessible par le toucher
  • 29. 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
  • 30. Les caractères agrandis Nombreux domaines couverts: romans, essais, jeux, bandes dessinées, etc.
  • 31. 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
  • 32. Les livres audio Aussi anciens que le son enregistré (phonographe d’Edison en 1877).
  • 33. Économique, marché élargi. Mais… • Lecture séquentielle • Problème de disponibilité des contenus  Dépendance vis-à-vis des producteurs de contenus
  • 34. 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
  • 35. CE QUE LE NUMÉRIQUE A CHANGÉ 35
  • 36. Numérique vs. physique Le format numérique peut être décliné en différents formats physiques
  • 37. Une nouvelle ère Avec le numérique on passe de l’adaptation à l’adaptabilité. • Une source unique pour satisfaire différents besoins • Les limitations physiques et temporelles sont considérablement réduites • Les coûts de production et de prise en charge baissent
  • 38. LES TECHNOLOGIES D’ASSISTANCE NUMÉRIQUES, D’HIER À AUJOURD’HUI 38
  • 39. 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)
  • 40. 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
  • 42. 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 plage Braille (Université de Dortmund) • 1978: premier micro-ordinateur en Braille • 1987: premier dispositif portable comportant une plage Braille
  • 43. Le Braille à l’ère du numérique 2/2 • 2011: HyperBraille, dispositif expérimental permettant les représentations en relief des graphiques
  • 44. Il reste un problème… Malgré les progrès réalisés en termes d’autonomie, une dépendance persiste…
  • 45.
  • 46.
  • 47.
  • 48. Graphiste Chef de projet Dev
  • 49. LE FUTUR… Faire tomber la dernière dépendance? 49
  • 50. Un axe de progrès possible Les outils actuels sont encore très primitifs comparé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
  • 51. Et si demain... …les robots pouvaient nous comprendre?
  • 57. Merci! @OlivierNourry – AccessiBlog.fr @VTechFr – V-technologies

Notes de l'éditeur

  1. Image: charest-ouellet.skyrock.com
  2. Image: http://www.gbcoachsportif.fr/pages/handisport.html
  3. Source: http://www.handiplace.org/media/pdf/autres/3303332603725_EX.pdf
  4. Exemples de déficience sans situation de handicap: personnes sourdes entre elles; personne non-voyante dans un environnement sans lumière.
  5. Image: http://www.lavantgardiste.com/accessoires/1533-bonnet-a-pompon-cartoon-eyes-lazy-oaf-3700745316288.html
  6. Image: http://www.cinemablend.com/television/Marvel-Daredevil-Series-May-Scripted-By-Cabin-Woods-Director-Drew-Goddard-60493.html
  7. http://incl.ca/a-different-take-on-world-cup-opening-kick/
  8. Mouvement initié au début des années 1980, par le mouvement international des personnes handicapées naissant. http://www.handiplace.org/media/pdf/autres/3303332603725_EX.pdf
  9. http://www.creai-ra.com/documents/Documents%20de%20formation/les_lois%20de_1975_a%CC%80_2005_1%C3%A8re_partie.pdf
  10. Photo: http://en.wikipedia.org/wiki/Back_to_the_Future
  11. Photo: couverture du livre « Vivre sans voir » de Zina Weygand, aux Éditions Creaphis.
  12. Copie d’écran du film « La lectrice » (1987), de Michel Deville, avec Miou Miou dans le rôle-titre. http://solitudemonamour.blogspot.fr/2013/11/amour-du-langage-et-langage-de-lamour.html
  13. Photo: Copie d’écran du film « La Lectrice » http://www.moicani.fr/article-mort-de-l-ecrivain-raymond-jean-103166685.html
  14. Photo: https://twitter.com/jmspool/status/497457430625017856
  15. http://fr.wikipedia.org/wiki/Braille http://www.braillenet.org/colloques/Bnet2000/actes/duchateau.htm http://www.planetoscope.com/Culture/974-edition---nouveaux-livres-publies-en-france.html En 2000, en France, environ 400 titres disponibles en Braille (dont 200 scolaires) pour environ 1000 fois plus de livres en noir.
  16. Images extraites du catalogue du site web de Livre Confort: http://www.livreconfort.com/.
  17. http://fr.wikipedia.org/wiki/Braille http://www.braillenet.org/colloques/Bnet2000/actes/duchateau.htm http://www.planetoscope.com/Culture/974-edition---nouveaux-livres-publies-en-france.html En 2000, en France, environ 400 titres disponibles en Braille (dont 200 scolaires) pour environ 1000 fois plus de livres en noir.
  18. Photos: http://fr.wikipedia.org/wiki/Phonographe#mediaviewer/File:Edisonblank.jpg http://www.script-adour.com/audio/ http://www.zicabloc.com/bonnes-raisons-garder-disques-vinyles http://www.futura-sciences.com/magazines/environnement/infos/qr/d/eco-consommation-peut-on-recycler-cd-dvd-1049/
  19. http://fr.wikipedia.org/wiki/Livre_audio 0.7% du marché français du livre, mais jusqu’à 10% sur les marchés nord-européens et anglo-saxons.
  20. http://fr.dreamstime.com/illustration/aveugle.html
  21. Illustrations: http://hdscreen.me/walls/games/abstract-binary-numbers-vortex-2775060-1600x900.jpg http://www.neoma-alumni.com/fr/actualite/sortie_livre_l_expatriation_au_feminin_delphine_joelson_marteau_sup_de_co_97 http://my-paris.club/news/livres-gros-caracteres.html http://www.letterpress.fr/impression-en-braille/ http://en.wikipedia.org/wiki/Refreshable_braille_display http://www.handistar-leblog.fr/services/un-logiciel-au-service-des-malvoyants http://www.clipart-fr.com/Icones/Serie-06/cliparts-Serie-06-61.php
  22. http://fr.dreamstime.com/illustration/aveugle.html
  23. http://en.wikipedia.org/wiki/Screen_reader http://en.wikipedia.org/wiki/JAWS_%28screen_reader%29
  24. http://en.wikipedia.org/wiki/JAWS_%28screen_reader%29 http://en.wikipedia.org/wiki/VoiceOver
  25. https://www.apple.com/ios/accessibility-tips/ http://www.androidcentral.com/what-google-talk-back http://mynokiablog.com/2014/04/28/windows-phone-8-1-more-accessible/
  26. https://nfb.org/images/nfb/publications/fr/fr28/fr280109.htm http://www.kscitech.com/BC/D/Becker.htm
  27. http://www.hyperbraille.de/?lang=en
  28. Les contenus Web doivent respecter certains prérequis pour être lisibles avec des technologies d’assistance. Les créateurs de contenus ont donc une responsabilité dans la chaine d’accessibilité. Illustration trouvée sur: http://www.konbini.com/fr/tendances-2/france-cnn-aimer/ Crédit: Marcel Gotlib.
  29. Les clients et/ou managers peuvent avoir des attentes irréalistes concernant les sites Web, notamment sur les délais de réalisation. Photo trouvée sur: http://www.lucidsitedesigns.com/14-questions-to-ask-a-web-developer/ par http://memegenerator.net/
  30. Mythe persistant: le développement Web est quelque chose de simple, à la portée de n’importe qui. Photo trouvée sur: http://www.cultofmac.com/254096/learn-html-css-and-more-with-the-become-a-web-developer-from-scratch-video-course-deals/
  31. Une équipe Web au « travail ». L’argument souvent utilisé pour justifier la non-accessibilité est le manque de temps. Symboliquement, cette photo montre l’opposition possible entre le graphiste, qui défend sa position, et le développeur, qui l’attaque. Le chef de projet (en retrait, les mains dans les poches) observe le tout et subit plus ou moins l’action. Photo: https://hacks.mozilla.org/2012/09/cheerio-to-another-mdn-doc-sprint/
  32. Copie d’écran extraite de https://www.youtube.com/watch?v=l3eb0DALdnA&list=UUmZe7GiM8tY5M8YHSg-Robg#!
  33. http://l3-g0.blogspot.fr/2014/03/little-darth-vader-loves-r2-d2.html
  34. Copie d’écran extraite de https://www.youtube.com/watch?v=ejczMs6b1Q4 Dispositif permettant de simuler l’interaction avec un psychologue. Le système observe et écoute l’interlocuteur humain, et réagit en conséquence, de façon proche du langage oral et corporel humain.
  35. http://googleresearch.blogspot.fr/2014/11/a-picture-is-worth-thousand-coherent.html Dispositif combinant reconnaissance d’images et génération de texte en langage naturel. L’illustration montre des exemples d’analyses réalisées par le système, allant de « décrit sans erreur » à « sans relation avec l’image ».
  36. http://www.ibm.com/smarterplanet/us/en/ibmwatson/ Copie d’écran extraite de http://www.ibm.com/smarterplanet/us/en/ibmwatson/what-is-watson.html Système informatique doté de capacités de compréhension et d’analyse, permettant de simuler voire dépasser l’expertise humaine.
  37. Photo: http://www.paciellogroup.com/blog/2014/08/the-viking-and-the-lumberjack/
  38. Extrait de la Vidéo « The Viking and the LumberJack » par Karl Groves et Billy Gregory (minutage: de 6’56 à 9’05). https://www.youtube.com/watch?v=l3eb0DALdnA&list=UUmZe7GiM8tY5M8YHSg-Robg#! Parodie de publicité pour Androne, drone connecté sensé remplacer les chiens-guides. (Merci à Karl et Billy pour leur autorisation  ).