Flipbooks PDF accessibles

Visionneuses PDF optimisées pour l'accessibilité

Logo ResourceSpace Logo Wordpress Logo Prestashop Logo Joomla

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

BoutonRaccourci clavierFonctionChromeFirefoxIE
→ Flèche droitepage suivante
← Flèche gaucheBookmarks PDF / Navigation dans le document (Afficher / masquer)
Bpage précédente
TTélécharger le PDF
+Zoom (agrandir)
-Zoom (réduire)
FPlein écran
DPage simple / double
BPanneau affichant les signets du PDF
TABNavigation dans les entrées « signets » lorsque le panneau latéral « signets » est ouvert.
ESCFermeture 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-role ajouté sur les boutons ;
  • aria-assertive pour 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 = true si 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.