Flipbooks PDF accessibles
Visionneuses PDF optimisées pour l'accessibilité
Réalisation de visionneuses (flipbooks) pour documents PDF optimisés pour l'accessibilité.
Accessibilité des boutons pour la navigation au clavier
- Attribut TABINDEX ajouté au boutons pour détérminer la l’ordre de la séquence d’activation (WCAG 2.0)
- Simulation JS de la touche ENTREE lors d’un focus sur un bouton
- Raccourcis clavier
Liste des raccourcis clavier
| Bouton | Raccourci clavier | Fonction | Chrome | Firefox | IE |
|---|---|---|---|---|---|
| → Flèche droite | page suivante | ||||
| ← Flèche gauche | Bookmarks PDF / Navigation dans le document (Afficher / masquer) | ||||
| B | page précédente | ||||
| T | Télécharger le PDF | ||||
| + | Zoom (agrandir) | ||||
| - | Zoom (réduire) | ||||
| F | Plein écran | ||||
| D | Page simple / double | ||||
| B | Panneau affichant les signets du PDF | ||||
| TAB | Navigation dans les entrées « signets » lorsque le panneau latéral « signets » est ouvert. | ||||
| ESC | Fermeture du panneau latéral « signets » lorsque celui-ci est ouvert. |
Ordre des boutons
Le bouton de téléchargement du PDF accessible placé en premier afin de limiter le nombre actions nécessaires pour atteindre la fonctionnalité de téléchargement, secondé par les boutons de navigation.
Souris
Pour les souris dotées de molettes, celle-ci permet d’utiliser la fonction zoom et d'agrandir/réduire le PDF dans le flipbook.
Adaptativité appareils mobiles
Pour les smartphones et les tablettes certains boutons non-essentiels de la barre d’outils sont masques afin de ne pas surcharger l’interface (responsive design).
Techonologies d’assistance
Téléchargement du PDF accessible : le premier lien du document, non-visible si aucun lecteur d’écran n’a été utilisé, propose le téléchargement du document PDF accessible (classe « sr-only ») avec l’indication textuelle suivante qui est vocalisée : « Si vous rencontrez des difficultés pour lire ce document avec votre lecteur d'écran vous pouvez télécharger le PDF accessible en appuyant maintenant sur les touche entrée. »
Balises ARIA
Accessible Rich Internet Applications (ARIA) (qu'on pourrait traduire par « applications internet riches et accessibles ») sont un ensemble un attribut qui définit comment rendre le contenu et les applications web accessibles.
Les balises ARIA suivantes ont été implémentées de la manière suivante :
aria-pressed( ajouté aux boutton « plein écran », « signets/bookmarks », « page mode ») ;aria-hidden;aria-roleajouté sur les boutons ;aria-assertivepour forcer la lecture de l’indication de téléchargement (vocalisation) par les lecteurs d'écrans lorsque lors du chargement de la page ;aria-disabled = truesi lien de navigation désactivé.
Document alternatif
Une version alternative du PDF est incorporée selon une autre métode dans le flipbook afin de pouvoir y accéder sans avoir à télécharger le document. Selons les configuration rencontrées l'accès à cette version alternative se fait plus ou moins bien. Pour cette raison l'information relative au téléchargement du document PDF a été mise en avant afin qu'elle puisse être atteinte le plus top possible lors du chargement de la page.
Cette version alternative n'est pas "visuellement" visible.
Description des boutons
Chaque bouton a sa description textuelle (vocalisée par les lecteurs d'écrans).
Tests NVDA
Cette page ou cette section sera bientôt mise à jour !
Test WCAG 2.0
Cette page ou cette section sera bientôt mise à jour !
Test de contraste
Cette page ou cette section sera bientôt mise à jour !
Tests OS / navigateurs
Cette page ou cette section sera bientôt mise à jour !
Démo
Pour recevoir un lien de démonstration, merci de remplir le formulaire ci-dessous.
