Aide et accessibilité

La nouvelle version du site Book d’Oreille a été conçu dans le respect des standards du web accessible (HTML5, W3C, RGAA).

Qu’est-ce que l’accessibilité ?

La définition de l’accessibilité du Web de Tim Berners-Lee, directeur du W3C et inventeur du World Wide Web est la suivante :
« 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. »

Structure et présentation

La mise en forme du site est séparée de son contenu grâce à l’utilisation des feuilles de style. L’utilisation des propriétés de positionnement CSS, en séparant totalement présentation et contenu, permet aux documents de conserver hors CSS un ordre cohérent : titre, menus, contenu, etc.

Aides à la navigation

Liens d’accès rapide :

Placés en haut de page, ces liens permettent d’accéder directement à la partie recherchée (sans avoir à parcourir des informations non souhaitées) :

  • lien permettant d’aller directement au contenu de la page
  • lien vers le menu de navigation du site
  • lien vers la "recherche"
  • lien vers la page donnant la politique d’accessibilité (cette page)

Fil d’ariane :

Le fil d’ariane vous indique le chemin de navigation que vous avez emprunté en situant la page affichée à l’écran et vous permet de remonter dans l’arborescence.

Naviguer sur Mac OS X avec VoiceOver  :

Une première chose, les raccourcis clavier VoiceOver sont en générale noté VO (VO désignant la combinaison de touche ctrl+option).

Dans le tutoriel ci-après nous utiliserons non pas VO mais le nom des touches.

La navigation sur un clavier de portable étant quelque peut différente que sur un clavier avec pavé numérique, nous vous indiquerons donc les différences.

La navigation linéaire

  • la navigation simple et de manière linéaire se fait avec les touches ctrl+option+? ou ctrl+option+?, sur un clavier avec pavé numérique vous pouvez utiliser la touche 4 et la touche 6 du pavé.
  • pour ouvrir un lien : ctrl+option+barre espace, sur un clavier avec pavé numérique vous pouvez utiliser la touche 5 du pavé.

La navigation via le rotor : ctrl+option+u

Nous allons prendre comme cas d'exemple la navigation sur une page liste.

  • utiliser ou pour changer de liste, les différentes listes proposées par VoiceOver sont « En-têtes », « Contrôles de formulaire », « Points Web », « Repères » et « Liens ». Dans notre exemple nous choisissons « En-têtes ».
  • utilser ou pour naviguer dans la liste, ou la valeur de l'en-tête : 1, 2, 3, 4, 5, ou 6. Dans notre exemple, les titres des livres listés sont au niveau d'en-tête 2 (soit la combinaison MAJ+é sur un clavier de portable).
  • utiliser la touche ENTRER pour se positionner sur l'élément.
  • utiliser ctrl+option+barre espace pour ouvrir le lien associé, la fiche produit dans notre exemple.

Autres :

Le logo permet par un simple clic de retourner sur la page d’accueil.

Le lien « Haut de page » (situé en bas de page) permet, comme son nom l’indique, de retourner tout en haut de la page.

Ajustement de la taille du texte ou de la page

Afin de permettre aux utilisateurs de modifier la présentation du site, et spécialement la taille des caractères affichés, la mise en page repose sur l’emploi d’unités relatives. Ainsi, la taille du texte et-ou de la page peut être agrandie :
Avec la majorité des navigateurs : Ctrl + molette de la souris
ou
Ctrl+ pour augmenter la taille de la police et Ctrl- pour la diminuer.

Sur les versions antérieures à Internet explorer 7 : dans la barre de menu en haut du navigateur, aller sur Affichage > Taille du texte et choisir la taille qui vous convient.

Ajouter ce site à vos « favoris »

Dans la barre de menu en haut du navigateur :

  • sous Internet explorer : Favoris > Ajouter aux favoris
  • sous Mozilla firefox : Marque-pages > Marquer cette page
  • sous Safari : Signets > Ajouter aux signets
  • sous Opéra : Signets > Signet vers la page

Si malgré nos efforts, des erreurs étaient détectées, nous vous remercions de nous les signaler.