accesskey feuille CSS

[Lagune]

Bonjour,

Je voudrait mettre accesskey sur mon site via ma feuille CSS , seulement je ne trouvent pas d'exemple qui me permette de comprendre exactement.

Si vous aviez de liens qui esplique clairement comment mettre accesskey via la feuille de style?

Merci d'avance.

[Xavier]

Attention, les acceskeys se définissent directement dans la page HTML, pas dans la CSS

<a href="lelien.html" hreflang="..." accesskey="3">le lien</a>

Ce que tu peux faire dans la CSS c'est afficher l'accesskey que tu as défini en html (pour que tes visiteurs sachent qu'ils peuvent utiliser les accesskey). Mais en aucun cas le définir. Exemple :

a[accesskey]:after {
	content: "(" attr(accesskey) ")";
}

Modifié 23 Septembre 2005 par Xavier

[Monique]

Bonjour,

Si le principe des accesskeys est excellent comme aide à la navigation, son utilisation pose bien des problèmes :

- combinaisons de touches différentes selon les navigateurs et systèmes utilisés

- risque de conflit avec les raccourcis claviers natifs sur le logiciel utilisé

- attribut non pris en compte par toutes les aides techniques (anciennes versions de Jaws par exemple)

- effort de mémorisation supplémentaire

Il est donc important de :

- utiliser les chiffres plutôt que les lettres (moins de risque de conflit)

- limiter l'usage à quelques liens essentiels

- utiliser les listes recommandées pour les éléments essentiels

- proposer une page "politique d'accessibilité" avec la liste des accesskeys utilisés

A lire :

- Accesskey, l'essai non transformé de l'accessibilité

- Les aides à la navigation

- Les clés d'accès

La solution CSS proposée par Xavier est séduisante mais il faut savoir qu'elle n'est valable que pour les navigateurs graphiques récents, supportant CSS 2 (donc pas IE 6).

[Lagune]

Merci Xavier et Monique de vos reponces

Alors voilà ce que j'ai mie sur mes pages, le problème, c'est que mes touches clavier une foi se code insérer dans mes pages, n'en font car leur tête.

le < et > devient /// et une barre verticale , les minuscule des majuscule .....

  <img ondrag=nodragdrop() alt="Acceuil" src="lagune.gif">
<a title="page d'acceuil de www.***" href="http://www.***"><strong>Acceuil</strong></a>
<br>
<br> <a title="Liste des raccourcis clavier accesskey" href="" accesskey="0">·Retour a la liste accesskey 0
</a><accesskey="0" /><br> 
<a title="Page d'acceuil de ***" href="http://www.***" accesskey="1">·accueil 1
</a><accesskey="1" /><br> 
<a title="Sommaire des articles poissons, invértébres, coraux" href="http://www.***=Topics" accesskey="2">·Sommaire des articles 2</a><accesskey="2" /><br> 
<a title="Forum de discusion" href="http://www.***=Forums" accesskey="3">·Forum 3</a><accesskey="3" /><br> 
<a title="Recheches sur le site" href="http://www.***=Search" accesskey="4">·Recheches 4 
</a><accesskey="4" /><br>
<a name="acces" accesskey="0"></a> 
<a href="mailto:***" accesskey="7">·Contact 0</a><br>

Bon les racourcis fonctionne bien par contre....

Merci

édite: Oups!

cela fonctionnent ces mon clavier que j'avais changer en effectuant les manpulation !

Modifié 6 Octobre 2005 par Monique

[Lagune]

Bonjour est-il possible que certains d'entres vous (si vous le désirer) faite un essais sur mon site ici?

Les touche clavier Accesskey ·Liste accesskey 0 ·accueil 1 ·Sommaire des articles 2 ·Forum 3 ·Recheches 4 ·Contact 7

[knarf]

Bonjour,

Les liens importants du site comportent-ils des raccourcis claviers ?

Commentaire :

Les liens importants sont : "Page d'accueil", "Page d'aide", "Plan du site", "Moteur de recherche", "Glossaire", "Contacts". Les raccourcis clavier peuvent porter sur une combinaison de lettres et surtout de chiffres. La liste suivante est conseillée : - "s" : passer le menu, - "1" : page d'accueil, - "2" : page d'actualités, - "3" : plan du site, - "4" : moteur de recherche, - "5" : FAQ, - "6" : Page d'aide, - "7" : contact, - "8" : conditions d'utilisation, - "9" : livre d'or, - "0" : lien vers la liste des raccourcis clavier utilisés dans la page.

Niveau : Or

Source accessiweb