Accessibilité : des volontaires ? - Deschamps / Levy - Paris Web 2008

Accessibilité : des volontaires ? Accessibilité : des volontaires ? Paris Web 2008 1

Écoutez donc Accessibilité : des volontaires ? Paris Web 2008 2

Plan Cécité Malvoyance Déficiences moteurs Déficiences auditives Déficiences intellectuelles Déficiences techniques Accessibilité : des volontaires ? Paris Web 2008 3

Cécité Accessibilité : des volontaires ? Paris Web 2008 4

Cécité : Images •Devinez ! Accessibilité : des volontaires ? Paris Web 2008 5

Cécité : Images Accessibilité : des volontaires ? Paris Web 2008 6

Solutions : images Faire des textes alternatifs pertinents •<img src=quot;toto.pngquot; alt=quot;…quot; /> Accessibilité : des volontaires ? Paris Web 2008 7

Cécité : Liens Accessibilité : des volontaires ? Paris Web 2008 8

Solutions : liens Faire des liens pertinents <a href=quot;a.phpquot;>Cliquez ici</a> <a href=quot;a.phpquot;>Découvez Parisweb</a> Accessibilité : des volontaires ? Paris Web 2008 9

Cécité : Formulaires •Un formulaire du monde réel Accessibilité : des volontaires ? Paris Web 2008 10

Solutions : Formulaires Associer intitulé et champ <label for=quot;nomquot;>Nom</label> <input type=quot;textquot; id=quot;nomquot;>

Cécité : Vidéos Accessibilité : des volontaires ? Paris Web 2008 12

Solutions : vidéos Faire de l’audio-description Accessibilité : des volontaires ? Paris Web 2008 13

Cécité : langue Accessibilité : des volontaires ? Paris Web 2008 14

Solutions : langue marquer la langue principale <html lang=quot;dequot;> signaler les changements de langues <span lang=quot;enquot;>

Malvoyance : vous et moi Accessibilité : des volontaires ? Paris Web 2008 16

Malvoyance : Luminosité Luminosité des couleurs Accessibilité : des volontaires ? Paris Web 2008 17

Malvoyance : Contraste Contraste de couleurs Accessibilité : des volontaires ? Paris Web 2008 18

Malvoyance : Contraste Accessibilité : des volontaires ? Paris Web 2008 19

Solutions : contraste et luminosité Éviter certaines combinaisons Contrastes de luminosité > 3:1 Color contrast analyser Accessibilité : des volontaires ? Paris Web 2008 20

Malvoyance : information par la couleur Accessibilité : des volontaires ? Paris Web 2008 21

Solutions : information par la couleur Pas d'information uniquement par la couleur Sites web <p>Sites web Les bonnes Les bonnes pratiques <span>5€ pratiques <img src=‘…’ alt=‘prix 5€ avec réduction -10%’ /> </span></p> Accessibilité : des volontaires ? Paris Web 2008 22

Déficiences motrices Accessibilité : des volontaires ? Paris Web 2008 23

Déficiences motrices: Un formulaire Accessibilité : des volontaires ? Paris Web 2008 24

Solutions : Déficiences motrices Associer intitulé et champ <label for=quot;nomquot;>Nom</label> <input type=quot;textquot; id=quot;nomquot;> Prévoir une session d’une durée suffisante

Solutions : Déficiences motrices Éviter de changer des comportements prévus ! Faire des liens d’évitement Accessibilité : des volontaires ? Paris Web 2008 26

Déficiences auditives Accessibilité : des volontaires ? Paris Web 2008 27

Déficiences auditives : les orateurs parlent •ça va ? vous entendez bien tout ? Accessibilité : des volontaires ? Paris Web 2008 28

Solutions : Déficiences auditives Faire du sous-titrage Accessibilité : des volontaires ? Paris Web 2008 29

Le sous-titrage : les on-dit « C’est impossible à faire ! » « Ça coûte trop cher ! » Accessibilité : des volontaires ? Paris Web 2008 30

Solutions : Sous-titrage impossible ? Magpie Composant Flash FLVPlaybackCaptioning Interface Dailymotion Solutions professionnelles Communauté de sous-titrage Revenez samedi Accessibilité : des volontaires ? Paris Web 2008 31

Solutions : Sous-titrage trop cher ? Diminution des coûts par industrialisation Utilisation des données préexistantes Accessibilité : des volontaires ? Paris Web 2008 32

Déficiences intellectuelles Accessibilité : des volontaires ? Paris Web 2008 33

Déficiences intellectuelles : Troubles concentration •Mouvement •Clignotement Accessibilité : des volontaires ? Paris Web 2008 34

Déficiences intellectuelles : Troubles concentration Quel est le chiffre qui est unique ? Prêts ? Accessibilité : des volontaires ? Paris Web 2008 35

Déficiences intellectuelles : Troubles concentration Accessibilité : des volontaires ? Paris Web 2008 36

Déficiences intellectuelles : Troubles concentration Alors ? Accessibilité : des volontaires ? Paris Web 2008 37

Déficiences intellectuelles : Troubles concentration Accessibilité : des volontaires ? Paris Web 2008 38

Solutions : troubles concentration Laisser le contrôle Lecture Pause Stop Accessibilité : des volontaires ? Paris Web 2008 39

Solutions : troubles concentration Limiter la durée et la quantité Accessibilité : des volontaires ? Paris Web 2008 40

Déficiences intellectuelles : Apprentissage •精神いっとう何事か奈良ならざらん Accessibilité : des volontaires ? Paris Web 2008 41

Solutions : Apprentissage Traductions, phonétique, définition, version audio •seishin ittô nanigoto ka narazaran (avec une volonté tenace tout peut être accompli) Accessibilité : des volontaires ? Paris Web 2008 42

Déficiences intellectuelles : Compréhension Potentiellement il est possible de dire qu'avec un effort non négligeable et une attention toute particulière il est envisageable qu'un élément aussi insignifiant que la quantité d'informations dans une phrase et sa simplicité permettent de la comprendre plus facilement. Accessibilité : des volontaires ? Paris Web 2008 43

Solutions Compréhension Phrases simples Information principale au début Accessibilité : des volontaires ? Paris Web 2008 44

Déficiences techniques Accessibilité : des volontaires ? Paris Web 2008 45

Déficiences techniques : Javascript Accessibilité : des volontaires ? Paris Web 2008 46

Solutions : Javascript noscript Javascript non obstrusif ☺ Script côté serveur ☺ Accessibilité : des volontaires ? Paris Web 2008 47

Déficiences techniques : Fond et couleur Accessibilité : des volontaires ? Paris Web 2008 48

Solutions : Fond et couleur Image de fond -> Couleur de fond Satanas : display:none, text- indent:-5000px Accessibilité : des volontaires ? Paris Web 2008 49

Grand numéro d’hypnose ! http://www.flickr.com/photos/malavoda/2789900768/ Accessibilité : des volontaires ? Paris Web 2008 50

Conclusion Accessibilité : des volontaires ? Paris Web 2008 51

Crédits •Ornements : •- Nela Dunato http://inobscuro.com/ •- Obsidian Dawn http://www.obsidiandawn.com •Police : •- Dieter Steffmann http://www.steffmann.de/ •Magie : •- marchanddetrucs.com et Vincent Valentin Accessibilité : des volontaires ? Paris Web 2008 52

Des questions ? •Stéphane Deschamps •Aurélien Levy •stephane.deschamps •aurelien.levy @orange-ftgroup.com @temesis.com Accessibilité : des volontaires ? Paris Web 2008 53

Accessibilité : des volontaires ? - Deschamps / Levy - Paris Web 2008

by Association Paris-Web on Dec 07, 2008

Accessibility

Categories

Tags

Upload Details

Usage Rights

2 Embeds 130

Statistics

Accessibilité : des volontaires ? - Deschamps / Levy - Paris Web 2008 — Presentation Transcript

http://www.utilisabilite.info	128
http://www.slideshare.net	2