SlideShare une entreprise Scribd logo
1  sur  11
Télécharger pour lire hors ligne
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

Contenu connexe

En vedette

Visual radio pour qui pourquoi comment par broadcast associés @ radio 20 pari...
Visual radio pour qui pourquoi comment par broadcast associés @ radio 20 pari...Visual radio pour qui pourquoi comment par broadcast associés @ radio 20 pari...
Visual radio pour qui pourquoi comment par broadcast associés @ radio 20 pari...ACTUONDA
 
Guide etirements courir-plus-loin-2nde-edition
Guide etirements courir-plus-loin-2nde-editionGuide etirements courir-plus-loin-2nde-edition
Guide etirements courir-plus-loin-2nde-editionlimber limber
 
Hypertrophie et perte de poids
Hypertrophie et perte de poidsHypertrophie et perte de poids
Hypertrophie et perte de poidsMaxime St-Onge
 
Nilands @ Radio 2.0 2015
Nilands @ Radio 2.0 2015Nilands @ Radio 2.0 2015
Nilands @ Radio 2.0 2015ACTUONDA
 
China in global music market
China in global music marketChina in global music market
China in global music marketthomaskulbokas
 
[heaven] Petit guide de la triche sur les medias sociaux (sept. 2012)
[heaven] Petit guide de la triche sur les medias sociaux (sept. 2012)[heaven] Petit guide de la triche sur les medias sociaux (sept. 2012)
[heaven] Petit guide de la triche sur les medias sociaux (sept. 2012)heaven
 
Syndrome cerebelleux
Syndrome cerebelleuxSyndrome cerebelleux
Syndrome cerebelleuxNabil Fercha
 
Les différentes méthodes d’étirements
Les différentes méthodes d’étirementsLes différentes méthodes d’étirements
Les différentes méthodes d’étirementsjc WECKERLE
 
Introduction au Lean Startup
Introduction au Lean StartupIntroduction au Lean Startup
Introduction au Lean StartupSébastien Sacard
 
Amazon: Strategic Management
Amazon: Strategic ManagementAmazon: Strategic Management
Amazon: Strategic ManagementFarhaad Sheikh
 
Psoriasis-The best Presentation
Psoriasis-The best PresentationPsoriasis-The best Presentation
Psoriasis-The best PresentationDr.Shahidul Islam
 

En vedette (14)

Visual radio pour qui pourquoi comment par broadcast associés @ radio 20 pari...
Visual radio pour qui pourquoi comment par broadcast associés @ radio 20 pari...Visual radio pour qui pourquoi comment par broadcast associés @ radio 20 pari...
Visual radio pour qui pourquoi comment par broadcast associés @ radio 20 pari...
 
Guide etirements courir-plus-loin-2nde-edition
Guide etirements courir-plus-loin-2nde-editionGuide etirements courir-plus-loin-2nde-edition
Guide etirements courir-plus-loin-2nde-edition
 
Hypertrophie et perte de poids
Hypertrophie et perte de poidsHypertrophie et perte de poids
Hypertrophie et perte de poids
 
Nilands @ Radio 2.0 2015
Nilands @ Radio 2.0 2015Nilands @ Radio 2.0 2015
Nilands @ Radio 2.0 2015
 
China in global music market
China in global music marketChina in global music market
China in global music market
 
[heaven] Petit guide de la triche sur les medias sociaux (sept. 2012)
[heaven] Petit guide de la triche sur les medias sociaux (sept. 2012)[heaven] Petit guide de la triche sur les medias sociaux (sept. 2012)
[heaven] Petit guide de la triche sur les medias sociaux (sept. 2012)
 
Mockito Chti JUG
Mockito Chti JUGMockito Chti JUG
Mockito Chti JUG
 
The German Music Market
The German Music MarketThe German Music Market
The German Music Market
 
Syndrome cerebelleux
Syndrome cerebelleuxSyndrome cerebelleux
Syndrome cerebelleux
 
Les différentes méthodes d’étirements
Les différentes méthodes d’étirementsLes différentes méthodes d’étirements
Les différentes méthodes d’étirements
 
Introduction au Lean Startup
Introduction au Lean StartupIntroduction au Lean Startup
Introduction au Lean Startup
 
Grade 10 music QUARTER 1
Grade 10 music QUARTER 1Grade 10 music QUARTER 1
Grade 10 music QUARTER 1
 
Amazon: Strategic Management
Amazon: Strategic ManagementAmazon: Strategic Management
Amazon: Strategic Management
 
Psoriasis-The best Presentation
Psoriasis-The best PresentationPsoriasis-The best Presentation
Psoriasis-The best Presentation
 

Dernier

KIT-COPILOT and more Article du 20240311
KIT-COPILOT and more Article du 20240311KIT-COPILOT and more Article du 20240311
KIT-COPILOT and more Article du 20240311Erol GIRAUDY
 
The Importance of Indoor Air Quality (French)
The Importance of Indoor Air Quality (French)The Importance of Indoor Air Quality (French)
The Importance of Indoor Air Quality (French)IES VE
 
Workshop l'IA au service de l'industrie - Présentation générale - Extra 14...
Workshop l'IA au service de l'industrie - Présentation générale - Extra 14...Workshop l'IA au service de l'industrie - Présentation générale - Extra 14...
Workshop l'IA au service de l'industrie - Présentation générale - Extra 14...Infopole1
 
Installation de Sylius 2.0 et découverte du nouveau backoffice en Bootstrap
Installation de Sylius 2.0 et découverte du nouveau backoffice en BootstrapInstallation de Sylius 2.0 et découverte du nouveau backoffice en Bootstrap
Installation de Sylius 2.0 et découverte du nouveau backoffice en BootstrapMaxime Huran 🌈
 
Mes succès sur Microsoft LEARN et examens
Mes succès sur Microsoft LEARN et examensMes succès sur Microsoft LEARN et examens
Mes succès sur Microsoft LEARN et examensErol GIRAUDY
 
Les Metiers de l'Intelligence Artificielle
Les Metiers de l'Intelligence ArtificielleLes Metiers de l'Intelligence Artificielle
Les Metiers de l'Intelligence ArtificielleErol GIRAUDY
 

Dernier (6)

KIT-COPILOT and more Article du 20240311
KIT-COPILOT and more Article du 20240311KIT-COPILOT and more Article du 20240311
KIT-COPILOT and more Article du 20240311
 
The Importance of Indoor Air Quality (French)
The Importance of Indoor Air Quality (French)The Importance of Indoor Air Quality (French)
The Importance of Indoor Air Quality (French)
 
Workshop l'IA au service de l'industrie - Présentation générale - Extra 14...
Workshop l'IA au service de l'industrie - Présentation générale - Extra 14...Workshop l'IA au service de l'industrie - Présentation générale - Extra 14...
Workshop l'IA au service de l'industrie - Présentation générale - Extra 14...
 
Installation de Sylius 2.0 et découverte du nouveau backoffice en Bootstrap
Installation de Sylius 2.0 et découverte du nouveau backoffice en BootstrapInstallation de Sylius 2.0 et découverte du nouveau backoffice en Bootstrap
Installation de Sylius 2.0 et découverte du nouveau backoffice en Bootstrap
 
Mes succès sur Microsoft LEARN et examens
Mes succès sur Microsoft LEARN et examensMes succès sur Microsoft LEARN et examens
Mes succès sur Microsoft LEARN et examens
 
Les Metiers de l'Intelligence Artificielle
Les Metiers de l'Intelligence ArtificielleLes Metiers de l'Intelligence Artificielle
Les Metiers de l'Intelligence Artificielle
 

Créer un Flipbook flash 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.