SlideShare uma empresa Scribd logo
1 de 11
Handicap et accessibilité numérique : Flipbook, catalogue interactif, Erreurs à  éviter , comment  choisir   ?   «  Mettre le Web et ses services à la disposition de tous les individus , quel que soit leur matériel ou logiciel, leur infrastructure réseau, leur langue maternelle, leur culture, leur localisation géographique, ou leurs aptitudes physiques ou mentales. » Tim Berners-Lee, directeur du W3C N.B. : Un Catalogue interactif peut aussi s’appeler e-Catalogue, e-Brochure, Flipbook … e -accessibility  Le label responsable
Les évolutions depuis 2005 Progrès et accessibilité ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],e -accessibility  Le label responsable
[object Object],[object Object],[object Object],[object Object],PDF accessible, Catalogue accessible Les erreurs à éviter e -accessibility  Le label responsable ,[object Object],[object Object],[object Object]
Étude de Cas A (1/3)  Interface HTML  (Sans Balises de navigation)   Ce texte est-il cohérent ? Sans Balises de navigation, une personne non-voyante ne peut ni accéder au contenu, ni s’orienter, ni interpréter le contenu de ce texte 2 409 11 592 230 … ?   (1)  (voir diapo 3/3) 46 M =« 46 M » = « 46 Millions » = ? Est-ce évident ? 12 5 621 ?  (2)  (voir diapo 3/3) N.B. : Pour le respect de la société concernée, son nom ne sera pas divulgué. e -accessibility  Le label responsable
Holding est le mot recherché Ce texte est-il compréhensible par une personne valide ? Et pour personne handicapée ? Étude de Cas A (2/3)  Interface graphique – Mode Recherche (Sans Balises de navigation)   e -accessibility  Le label responsable
12 5 621 ?   (2)  (voir diapo 1/3)   Avec une interface graphique, il est possible de comprendre ces chiffres en utilisant le camembert.  46 M  correspond à 46 Millions 2 409 11 592 230 … ?  (1)  (voir diapo 1/3)   Chaîne de chiffres déchiffrée … Étude de Cas A (3/3)  Interface graphique du catalogue interactif (Sans Balises de navigation)   e -accessibility  Le label responsable
Que se passe t’il lorsqu’on tente d’afficher l’image de cette page ?  Réponse  à la page suivante Étude de Cas B (1/2)  Interface HTML (Sans Balises de navigation)   N.B. : Pour le respect de la société concernée, son nom ne sera pas divulgué. e -accessibility  Le label responsable
En affichant l’image, à notre grande surprise, nous découvrons un  papier peint . Les images doivent être séparées des unes des autres afin de pouvoir être interprétées.  Impossibilité d’inclure des alternatives textuelles.  Avec ce papier peint,  impossibilité de navigation  (accès au contenu, orientation, interprétation) Texte incrusté à l’image sans aucune alternative textuelle Étude de Cas B (2/2)  Interface HTML en papier peint (Sans Balises de navigation)   e -accessibility  Le label responsable
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],e -accessibility  Le label responsable Ergonomie, Balises de navigation Comment choisir ?
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],e -accessibility  Le label responsable Le handicap, une expertise   Les bons réflexes
Questions et Sensibilisation Conseil d’expert en accessibilité ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Des questions sur l’accessibilité numérique ? Pour mieux vous informer, veuillez contacter l’association « e-accessibility » :  http://www.e-accessibility.info  ou bien  [email_address] Le label PDF pour les publications Le label Web pour les sites e -accessibility  Le label responsable

Mais conteúdo relacionado

Destaque

Métiers du marketing digital apec juillet 2015
Métiers du marketing digital apec juillet 2015Métiers du marketing digital apec juillet 2015
Métiers du marketing digital apec juillet 2015Philippe Kaufman
 
Accord du participe passé
Accord du participe passéAccord du participe passé
Accord du participe passéGaël Gilson
 
Thales presentation
Thales presentation Thales presentation
Thales presentation toutou1
 
Accord du participe passé
Accord du participe passéAccord du participe passé
Accord du participe passéGaël Gilson
 

Destaque (7)

Métiers du marketing digital apec juillet 2015
Métiers du marketing digital apec juillet 2015Métiers du marketing digital apec juillet 2015
Métiers du marketing digital apec juillet 2015
 
Recherche scientifique
Recherche scientifiqueRecherche scientifique
Recherche scientifique
 
Accord du participe passé
Accord du participe passéAccord du participe passé
Accord du participe passé
 
Exposé cari
Exposé cariExposé cari
Exposé cari
 
Thales presentation
Thales presentation Thales presentation
Thales presentation
 
Accord du participe passé
Accord du participe passéAccord du participe passé
Accord du participe passé
 
Types de textes
Types de textesTypes de textes
Types de textes
 

Créez votre Catalogue interactif accessible - E-accessibility

  • 1. Handicap et accessibilité numérique : Flipbook, catalogue interactif, Erreurs à éviter , comment choisir ? «  Mettre le Web et ses services à la disposition de tous les individus , quel que soit leur matériel ou logiciel, leur infrastructure réseau, leur langue maternelle, leur culture, leur localisation géographique, ou leurs aptitudes physiques ou mentales. » Tim Berners-Lee, directeur du W3C N.B. : Un Catalogue interactif peut aussi s’appeler e-Catalogue, e-Brochure, Flipbook … e -accessibility Le label responsable
  • 2.
  • 3.
  • 4. Étude de Cas A (1/3) Interface HTML (Sans Balises de navigation) Ce texte est-il cohérent ? Sans Balises de navigation, une personne non-voyante ne peut ni accéder au contenu, ni s’orienter, ni interpréter le contenu de ce texte 2 409 11 592 230 … ? (1) (voir diapo 3/3) 46 M =« 46 M » = « 46 Millions » = ? Est-ce évident ? 12 5 621 ? (2) (voir diapo 3/3) N.B. : Pour le respect de la société concernée, son nom ne sera pas divulgué. e -accessibility Le label responsable
  • 5. Holding est le mot recherché Ce texte est-il compréhensible par une personne valide ? Et pour personne handicapée ? Étude de Cas A (2/3) Interface graphique – Mode Recherche (Sans Balises de navigation) e -accessibility Le label responsable
  • 6. 12 5 621 ? (2) (voir diapo 1/3) Avec une interface graphique, il est possible de comprendre ces chiffres en utilisant le camembert. 46 M correspond à 46 Millions 2 409 11 592 230 … ? (1) (voir diapo 1/3) Chaîne de chiffres déchiffrée … Étude de Cas A (3/3) Interface graphique du catalogue interactif (Sans Balises de navigation) e -accessibility Le label responsable
  • 7. Que se passe t’il lorsqu’on tente d’afficher l’image de cette page ? Réponse à la page suivante Étude de Cas B (1/2) Interface HTML (Sans Balises de navigation) N.B. : Pour le respect de la société concernée, son nom ne sera pas divulgué. e -accessibility Le label responsable
  • 8. En affichant l’image, à notre grande surprise, nous découvrons un papier peint . Les images doivent être séparées des unes des autres afin de pouvoir être interprétées. Impossibilité d’inclure des alternatives textuelles. Avec ce papier peint, impossibilité de navigation (accès au contenu, orientation, interprétation) Texte incrusté à l’image sans aucune alternative textuelle Étude de Cas B (2/2) Interface HTML en papier peint (Sans Balises de navigation) e -accessibility Le label responsable
  • 9.
  • 10.
  • 11.