Les solutions web existantes - DOMSlides de Chris Heilmann

Pour construire une présentation web avec DOMSlides, voici les explications de Chris Heilmann traduites en français.

Évaluation de l’accessibilité de DOMSlides

La solution de construire une page (x)HTML garantit l’ accessibilité d’un certain nombre de points comme :

  • La langue de la page
  • La structure de la page (titres, listes d’énumération ordonnées ou non, paragraphes, etc.)
  • Les éléments sémantiques d’une page et leurs alternatives éventuelles (images, liens, abréviations, etc.)

Contrairement à S5, tout le contenu est visible ; si le contenu dépasse la hauteur de l’écran, alors un ascenseur vertical apparaît.

Au clavier, la navigation se fait parfaitement (à condition de connaître les touches « de base » permettant les déplacements dans le document, à savoir :

  • Les touches Flèches gauche et droite pour avancer ou reculer dans le document

DOMSlides propose une liste de liens en bas à droite de l’écran en guise de table des chapitres. Elle est construite avec tous les titres des slides.

A noter également que les symboles « << » et « >> » permettant de passer d’un slide à l’autre fonctionnent aussi bien avec le clavier qu’au clic de souris.

Remarque : Utiliser cette solution avec les lecteurs d ‘écrans Jaws ou NVDA n’entraine pas de problèmes de conflits entre les raccourcis clavier des lecteurs d’écrans et les scripts permettant à la page HTML de se comporter en diaporama.

La navigation peut se faire avec les titres Hn : il faut cliquer sur les touches 1, 2, 3 (correspondant aux niveaux de titrisation), puis déplacement dans le document grâce à la flèche bas (cf. copie d’écran ci-après).

NVDA - Utilisation de la liste de titres avec DOMSlides qui est effective sur l'ensemble du document.


Lire le quatrième chapitre de mon mémoire : Les bonnes pratiques en matière de présentation web

haut de page

Répondre à cet article

modération a priori

Attention, votre message n’apparaîtra qu’après avoir été relu et approuvé.

Qui êtes-vous ?
Ajoutez votre commentaire ici
  • Ce formulaire accepte les raccourcis SPIP [->url] {{gras}} {italique} <quote> <code> et le code HTML <q> <del> <ins>. Pour créer des paragraphes, laissez simplement des lignes vides.

Suivre les commentaires : RSS 2.0 | Atom