TOUT ce que vous vouliez savoir sur l’accessibilité

HTML5 — ePub3 &

Conseils pour la rédaction

1

Fabienne Sypowski - Centre de transcription CPHV &

Elvio Fisler - cellCIPS.ch

27 septembre 2017

2

SOMMAIRE1. Formats PDF, HTML5 et EPUB3

- définitions

- accessibilité

2. Guide des bonnes pratiques

- facile

- avancé

- professionnel

3

4

1.0 L’information accessible et critères d’appréciation

Dans l’enseignement, une information est accessible si :

• elle permet à tous les utilisateurs et apprenants de facilement s’orienter dans le contenu…

• et elle peut être perçue et comprise efficacement par différents canaux de perception, tels que l’utilisation des yeux et/ou des oreilles et/ou des doigts.

5

Cependant…

• Rendre l’information accessible à 100 % pour chaque utilisateur ou apprenant est un idéal qu’il n’est pas facile d’atteindre.

• La technologie permet de créer et de partager l’information de façon à ce que le contenu soit adaptable par l’utilisateur, ce qui signifie que les utilisateurs peuvent modifier le contenu selon leurs besoins.

Source : © 2015 European Agency for Special Needs and Inclusive Education. Lignes directrices pour une information accessible. Les TIC pour l’accessibilité de l’information dans l’apprentissage (ICT4IAL).

6

7

8https://chrome.google.com/webstore/detail/magicscroll-web-reader/ecldhagehndokdmaiaigoaecbmbnmfkc?hl=en

Critères d’appréciation retenus pour évaluer les différents formats:

• potentiel d’accessibilité

• universalité du format

• coût de mise en accessibilité

• pérennité de l’accessibilité

9

1.1 PDF• Portable Document Format (Adobe - 1992)

• Standard international (ISO 32000)

• Format ouvert - Portabilité

• Fige la mise en forme d’un document

• Interactif (incorporer champs de texte, notes, corrections…)

• Sécurité (signature électronique)10

Accessibilité du format PDF

• potentiel = fonctions rendant la lecture des PDF accessible

- optimisation de la sortie pour les logiciels et dispositifs d’assistance

- Assistant de configuration de l’accessibilité

- Combinaisons de touches remplaçant les actions effectuées à l’aide de la souris

- Fonction de redistribution du texte

- Conversion du texte en voix avec la fonction Lecture audio

- Prise en charge des lecteurs et des agrandisseurs d’écran11

• universalité : format ouvert, très répandu (mais nécessite logiciel supplémentaire)

• coût : créer un PDF accessible nativement se fait facilement; rendre un PDF existant accessible peut être très long (insertion balises HTML)

• pérennité : standard ISO donc intégrité et longévité du format protégées

12

Limites du format PDF :

• Nécessite logiciel pour annoter PDF et manipuler son contenu

• Nécessite Adobe Acrobat Pro pour rendre accessible un PDF (s'il ne l'est pas nativement)

• Redistribution du contenu peu fluide

• Écritures mathématiques difficiles à rendre accessibles

13

Avantages du format PDF :

• Préserve intégralement l'apparence et la mise en page d'un document.


• Reproduit parfaitement, lorsqu'il y a lieu, son caractère officiel.


• Autonomie qu'il peut procurer à la consultation dans un mode hors connexion.

14

15

1.2 HTML5

• "Hypertext Language Markup" : langage de base pour créer des sites Internet.

• Sert à structurer un contenu grâce à des balises (,

...)

• L'accessibilité du Web est régi par les "Content Accessibility Guidelines (WCAG) (2.0)" éditée par le W3C

• Intègre MathML (rendu des équations mathématiques)

16

Les recommandations principales de la WAI ("Web Accessibility Initiative")

• Fournir des alternatives équivalentes au contenu auditif

• Ne pas s’en remettre uniquement aux couleurs.

• Utiliser le balisage et les feuilles de style, et cela de façon appropriée.

• Créer des tableaux qui se transforment de façon élégante.

• S’assurer que les pages qui contiennent de nouvelles technologies se transforment de façon élégante.

• Assurer un accès direct aux interfaces utilisateur intégrées.

• S’assurer que les documents sont clairs et simples.17

Accessibilité du format HTML5

• potentiel : accessibilité complète

• universalité : format ouvert, tout le Web

• coût : mise en accessibilité par professionnel à un coût très faible

• pérennité : HTML4 est un standard ISO donc intégrité et longévité du format protégées

18

Limites du format HTML5 :

• Nécessite une connexion Internet pour avoir accès au contenu (même si dispose de l'option de lecture hors ligne)

• Même un simple document HTML contenant peu d'images ne contiendra pas dans un seul fichier mais plusieurs fichiers.

• Ne définit pas l’ordre de lecture des paquets ni de table des matières (inadapté pour mises en pages complexes).

• Besoin d’un serveur pour déposer contenu et le mettre à disposition.

19

Avantages du format HTML5 :

• Réédition ou mise à jour du contenu très simple.

• Potentiel d’accessibilité maximisé par des méthodes et standards clairement définis et éprouvés.

• Universalité du format qui, lorsqu’il est traité de manière accessible, peut être interprété sans erreur par n'importe quel outil d'adaptation informatique.

20

Exemple de plateforme basée sur HTML5 : eText de l’Université de l’Illinois

• Des manuels en ligne entièrement accessibles et riches en multimédia.

• eText fournit des manuels scolaires et d'autres matériels de classe avec multimédia, des notes et des devoirs intégrés directement dans le contexte. Les enseignants peuvent facilement ajouter du matériel original ou existant. Toute personne possédant un navigateur Web à jour peut accéder au contenu eText à partir de n'importe quel ordinateur ou appareil mobile, indépendamment de ses capacités visuelles.

• Accessibilité complète de la plateforme.21

1.3 EPUB3

• Mêmes propriétés qu’HTML5

• Evoluera avec HTML5

• Mieux adapté que le Web pour mises en page complexes

22

EDUPUB ?

• Format EPUB pour l’éducation (IDPF)

• Evoluera avec HTML5

• Un seul fichier

23

Limites du format EPUB3 :

• Besoin d’un logiciel de lecture d’EPUB

• Beaucoup d’EPUB avec mise en page fixe dans le monde de l’éducation car limites techniques

Avantages du format EPUB3 :

• Compense les limites du format HTML5

24

Faire de l’ePUB3 très facilementBookCreator

25

26

https://luisperezonline.com/2016/07/21/5-easy-accessibility-tips-for-book-creator-authors/

Faire de l’ePUB3 facilementiBooks Author

27

28

Faire de l’ePUB3Sigil - multi-plateformes

29

1.4 Comparaison des différents formats

• Potentiel d’accessibilité : HTML = EPUB3 > PDF

• Universalité du format : HTML = EPUB3 = PDF

• Coût de mise en accessibilité : PDF = EPUB3 > HTML5

• Pérennité de l’accessibilité : HTML5 = EPUB3 > PDF

30

2.1 Bonnes pratiques niveau « facile »

Actions qui peuvent être effectuées en ayant une connaissance générale des logiciels courants.

31

Créer un texte accessible (traitement de texte) :

• Inclure un texte de remplacement pour l’ensemble des tableaux et éléments visuels (images, tableaux, formes, graphiques).

• Ajouter un texte de lien hypertexte explicite.

• S’assurer que la couleur n’est pas le seul moyen utilisé pour communiquer les informations.

• Appliquer une police sans serif et un contraste suffisant aux couleurs du texte et de l’arrière-plan (outil : Colour Contrast Analyser).

• Utiliser des titres et styles intégrés.

• Utiliser une structure de tableau simple, et spécifier les informations d’en-tête de colonne.

• Spécifier la langue du document.

32

33

Exemple de texte alternatif : Les élèves arrivent devant leur école, mais la neige recouvre les escaliers et la rampe d’accessibilité. Un élève en fauteuil roulant attend devant la rampe et dit au concierge :

- Pouvez-vous pelleter la rampe SVP?

Le concierge, qui pellette la neige sur l’escalier répond :

- Tous ces autres enfants attendent pour utiliser les escaliers. Quand j’aurai fini de les pelleter, je m’occuperai de la rampe.

Sur ce, l’élève en fauteuil répond :

- Mais si vous pelletez la rampe, tout le monde pourra entrer !

2.2 Bonnes pratiques niveau « avancé »

Actions qui peuvent être effectuées en ayant une connaissance approfondie des logiciels courants

34

• Se créer des modèles accessibles

• Insérer des écritures mathématiques accessibles (pas des images! ) : MathType, MathMagic… ainsi, les documents contenant des maths peuvent être saisis en braille ou transformés en pages web et en livres DAISY.

• La meilleure pratique est de se conformer aux normes établies, comme MathML du W3C…

• … ou d'utiliser le réglage Latex dans Mathtype et de mettre le code source à la disposition des utilisateurs qui en ont besoin.

35

2.3 Bonnes pratiques niveau « professionnel »

Actions qui peuvent être effectuées en ayant une connaissance plus professionnelle des logiciels et une connaissance générale de la programmation.

36

• Utilisation d’un logiciel de PAO (InDesign) pour préparation des fichiers maîtres avant tout export vers HTML ou EPUB

• Application de toutes les règles d’accessibilité dans le document maître -> export en format nativement accessible

37

Conclusion

• Merci d’entrer dans cette thématique, l’accessibilité est un devoir, une nécessité… et elle sert tous les élèves ou toutes les personnes aux besoins particuliers.

• L’accessibilité de l’information est une question qui se pose dès la création du contenu… tout en ayant connaissance de l’utilisation qu’en auront les élèves.

• … sans oublier la sensibilisation et la formation des équipes éducatives à l’utilisation/création de tels formats.

38