Même si certaines personnes sont d'avis que la page d'accessibilité n'est pas un manuel d'utilisation (voire pour certains inutile) et ne doit pas être trop longue, je pars du principe que tout le monde ne connait pas spécialement parfaitement l'outils qu'il utilise pour surfer sur le net et les possibilités que certains sites offre en terme de conforts d'utilisation.

Donc oui cette page peux paraitre longue mais couvre une bonne partie de ce qu'il est possible de faire en terme de conforts d'utilisation cela pour une grande partie d'utilisateur.

Sommaire

• Structure et navigation
• Tailles d'affichage
• Aides à la navigation
• Css utilisateur

Structure et navigation

Le site de web-pour-tous.org est constitué de 4 zones bien distinctes.

• Une partie haute (entete)
• Une partie latérale droite pour la navigation dans le site
• Une partie centrale pour le contenu (contenu)
• Une partie basse (pied)

Si la feuille de style est désactivée ou bien qu'un lecteur d'écran est utilisé l'ordre naturel de lecture est celui de la liste ci-dessus.

Eléments de la partie haute

Ces éléments sont présents sur toutes les pages du site.

• Lien sur le logo permettant un retour en page d'accueil
• Lien vers la page de conforts d'utilisation
• Lien permettant d'accéder directement au contenu
• Lien permettant d'accéder directement au menu.
• Lien permettant d'accéder directement au plan du site.
• Lien permettant de contacter le webmaster.
• La recherche.

Titrage du contenu

Le contenu de chaque page est normalement structuré avec des titres de niveau 2 (h2 en html), les utilisateurs de Jaws par exemple pourront donc naviguer de titre en titre en utilisant les touches suivantes ALT+INSERT+2, les utilisateurs d'Opéra pourront eux utiliser la touche S

Tailles d'affichage

Les textes de contenu de Web-pour-tous ont une taille de police relative, c'est à dire agrandissable selon les besoins.

Pour modifier la taille d'affichage du texte :

• Avec divers navigateurs : Ctrl + molette de la souris
• Internet Explorer : allez dans Affichage >> Taille du texte et choisissez.
• Mozilla, Firefox ou Netscape : faites Ctrl + + pour agrandir et Ctrl + - pour diminuer.
• Opera : appuyez sur les touches + ou - du pavé numérique. Ou bien allez dans Affichage >> Zoom et choisir.

Aides à la navigation

Bien que fortement remis en question pour diverses raisons, les accesskeys peuvent être présent sur certains sites je donne donc ici à titre d'exemple la façon dont cela peut être présenté et la manière de procéder pour leur utilisation mais pour l'instant web-pour-tous ne possède aucun de ces raccourcis clavier

Raccourcis clavier (accesskeys)

• 0 = Politique d'accessibilité
• 1 = Accueil du site
• 2 = Aller au contenu
• 3 = Aller au menu
• 4 = Aller au formulaire de recherche
• 9 = Contacter le webmaster

Mode d'emploi

• Mozilla, Netscape, Firefox sur Windows : Appuyez simultanément sur les touches Shift et Alt ainsi que sur une des touches accesskey du clavier (pas le pavé numérique). Vous vous rendrez directement à l'endroit voulu.
• Internet Explorer 6 sur Windows : Appuyez simultanément sur la touche Alt et sur une des touches accesskey du clavier (pas le pavé numérique) et ensuite appuyez sur la touche Entrée pour vous rendre à l'endroit voulu.
• Opera 7 sur Windows, Macintosh et Linux : Esc + Shift et accesskey
• MSIE sur Macintosh : Ctrl et accesskey, puis Entrée
• Safari 1.2 sur Macintosh : Ctrl et accesskey
• Mozilla et Netscape sur Macintosh : Ctrl et accesskey
• Galeon, Mozilla et FireFox sur Linux : Alt et accesskey
• Konqueror 3.3+ : Ctrl, puis accesskey (successivement)
• Netscape 4, Camino, Galeon, Konqueror avant la version 3.3.0, Omniweb, Safari avant la version 1.2, Opera Windows/Linux avant la version 7, ne supportent pas les accesskeys.

Navigation par tabulation

Il est possible de naviguer sur un site web à l'aide de la touche Tab. En appuyant sur cette touche il est possible de se déplacer d'éléments en éléments, principalement les liens (appuyer sur Entrée une fois le lien sélectionné) et les différentes parties d'un formulaire.

Une petite précision pour les formulaires, utiliser la touche Espace pour cocher ou décocher certaines parties présentes et les touches avec les flêches de direction pour les listes déroulantes.

Les liens "aller au contenu" et "aller au menu" de la partie haute, appelés également liens d'évitements (skip link en anglais) vous permettent d'accéder directement à ces 2 parties de la page web

Css utilisateur

Pour les personnes désireuses d'utiliser une feuille de style utilisateur (css user), chaque zone est ciblée par une "class" ou une "id" voir à ce sujet le tutoriel Initiation aux feuilles de styles utilisateur.

• #entete
• #navigation
• #contenu
• #pied

Web-pour-tous.org, utilise une série de balises génériques permettant de cibler certaines parties du document. voici les principales.

• ul, li
• p
• h1 à h6
• a