Discussion :

[pop_up]

Bonjour,

Pour ce post, je suis désolé mais je ne peux pas mettre de code car c'est du javascript qui génère tout donc désolé par avance.

Je vais essayer de vous exposer mon problème simplement.
J'ai un menu horizontal au dessus du contenu qui est dans une div avec ces propriétés :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
 
#menuHaut {
    margin: 0;
    height: auto;
    background-color: #E3E3E3;
    overflow: auto;
    background-image: url("../images/fond-menu-haut.gif");
    background-repeat: repeat-y;
    background-position: left;
    clear: both;
}

Chaque rubrique possède une largeur en em et aussi une hauteur en em qui sont toutes les deux utiles pour le rendu.

Le problème est que quand je navigue à l'aide de la touche 'tab', cela fait apparaitre une scrollbar verticale et pour le dernier élément une scrollbar horizontale aussi.

Je sais qu'il existe la propriété outline: 0; mais est ce que d'un point de vu accessibilité, on à le droit d'enlever cette information ?

J'espère être assez clair dans mon explication. N'hésitez pas à me demander des précisions si certains points ne sont pas clairs.

merci

[blueice]

Tu navigues avec la touche Tab ?
Quel navigateur ?

Je pige pas le coup de l'outline avec l'accessibilité, de toute manière le plus simple est de tester dans un navigateur texte...
Et tu indiques que c'est JS qui génère tout... Bonjour l'accessibilité

Sinon bloque l'overflow...

[pop_up]

oui je navigue avec la touche tab du clavier ce qui te fait passer sur les liens.

Le navigateur : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.12) Gecko/20080201 Firefox/2.0.0.12

C'est du javascript et oui car le client veut un menu déroulant pour un site accessible. Ca peut paraitre bizarre je sais car les menus déroulant c'est pas vraiment la définition de l'accessibilité.

Sinon effectivement en mettant l'overflow: hidden; c'est ok.

Merci