Créer une barre d'accessiblité dynamique avec MODx

Bonjour,

Je remonte ce sujet pour apporter quelques précisions.

Quote from: aour at Jan 23, 2006, 08:06 AM

Le site modxcms.com utilise cette barre mais elle est masquée #skip { display: none; }:

Personnellement, je considère la présence de ce menu comme indispensable.
Il est utile aux utilisateurs de synthèse vocale, de tablette braille, de loupe d’écran ou de navigateur texte mais aussi à ceux qui naviguent au clavier.

Par contre le masquer est une fausse bonne idée
- les lecteurs d’écran ne devraient pas prendre une feuille de style en compte, mais certains le font pour display: none;... les principaux destinataires n’ont donc pas nécessairement accès à ce menu
- des valeurs négatives sont parfois utilisées pour positionner le menu hors écran, ce qui perturbe évidemment ceux qui naviguent au clavier
- pour les utilisateurs de loupe d’écran, une page est un véritable puzzle dans lequel il est facile de se perdre... disposer de ce menu (et donc pouvoir le voir) peut les aider à retrouver leurs marques

Merci Monique pour l’expertise accessiblité, je ferai passer les remarques à Zi.... le display:none est effectivement une hérésie, probablement un souci d’esthétisme pour le designer qui n’a pas envie d’avoir cette barre en haut de page

Ceci dit, je pense qu’une bonne partie du boulot de designer c’est de laisser son ego de côté pour mettre ses compétences au service du client, donc de l’utilisateur final... l’accessbilité est donc un des aspects primordiaux au même titre que l’ergonomie et l’architecture de l’info...

Ahhh, quand je pourrai me payer une formation AccessiWeb, je serai enfin au point de ce côté là...

J’ai intégré cette fameuse barre d’accessibilité sur les sites suivants :

http://www.histwar.fr/ et http://www.e-dealiz.com/

Personnellement, je ne trouve pas que cela gache le site, à condition de savoir bien la "fondre dans le décor"

Tiens David, sur le coup, je n’ai pas fait attention mais es-tu sur qu’il faille spécifier un chemin d’accès complet pour les ancres ? Le chunk pour ma barre d’accessibilité est le suivant :



et les liens vers les ancres #contenu, #menu et #recherche fonctionnent bien sans donner l’url complète.

Juste une remarque... Etatnt donné que l’on parle d’accessibilité, j’aimerais savoir comment un synthétiseur vocal va interpreter le "pipe |" à la fin des liens n’est-il pas plus propre (accessible) de jouer sur la clause border-left du li a

Remarque pertinente

Hello !

Effectivement... En tous les cas, un site validé "or" (http://www.adapei70.org/) utilise ce type de séparateur donc il n’y a pas de souci.

Je vais quand même poser la question

Apparement ça ne doit pas être inquiétant. C’est un très bon exemple

Question posée sur la liste des Experts en Accessibilité et réponse donnée par un intervenant de la cellule Accessiweb :

Tout dépend de la façon dont est réglée le lecteur d’écran pour lire les ponctuations ou signes spéciaux.
Pour Jaws, par exemple, il existe 5 niveaux de ponctuation "aucune", "certaines", "la plupart" et "toutes".
Si on règle sur "la plupart" ou sur "toutes", on entend "barre verticale" lorsqu’on va de ligne en ligne.

Sinon, rien. Seule une légère pause est marquée lors d’une lecture en continu.

Edit : lien fort sympathique pour créer des listes : http://css.maxdesign.com.au/listamatic/

est-il possible de gérer les accesskey avec wayfinder ? parce que le soucis, c’est que dans l’exeple ce n’est pas très dynamique. Obligé d’éditer le chunk ou le template à chaque fois que l’on veut ajouter un élément au menu :/