Bonjour,
L'option "ignorer les couleurs" est souvent trompeuse. Elle ne désactive rien, en fait, mais change simplement l'ordre de priorité dans la cascade entre les styles auteurs et utilisateurs concernés, c'est à dire :
- les couleurs de texte et d'arrière-plan css (propriétés
color et
background-color.
- les images d'arrière-plan CSS (propriété
background-image).
Ce sont les choix de l'utilisateur (dans sa CSS user ou le paramétrage de son navigateur) qui l'emportent alors pour chacune de ces propriétés.
A noter: IE5.x et Firefox ont une variante aberrante de cette fonctionnalité, qui ne modifie pas l'ordre de priorité comme ci-dessus, mais qui attribue arbitrairement à la couleur d'arrière-plan la valeur
transparent, provoquant les fameuses superpositions illisibles que l'on reproche régulièrement aux menus déroulants.
Enfin, quel que soit le mode de fonctionnement de cette option, les images HTML <img> ne sont jamais supprimées (le logo reste bien visible par exemple).
Mais ici, les images HTML du menu semblent tout de même disparaître car elles comportent un texte de couleur blanche sur un arrière-plan transparent. Mis sur un fond blanc... cela fait du blanc sur blanc
Plus généralement, dissocier la gestion de la couleur de texte (-> image) et celle de la couleur d'arrière-plan (-> CSS) est un technique peu robuste. Elle est certes justifiée ici par le souhait d'utiliser une police spécifique pour le menu, qui empêche d'utiliser un simple texte mis en forme. Mais le fait que la couleur d'avant-plan soit le blanc augmente considérablement les risques (puisque c'est aussi la couleur par défaut la plus répandue pour l'arrière-plan dans les styles user).
Dans ce cas, il est préférable, du point de vue accessibilité, de passer par un roll-over javascript et des images sans transparence, en attendant la généralisation de certains aspects de CSS3 qui permettent de s'affranchir de ce problème (l'extension de
content à tous les sélecteurs, par exemple, actuellement implémentée dans Opera)
Modifié par Laurent Denis (03 Sep 2006 - 08:43)
) de faire un menu avec des rollover qui reste accessible, sans texte html.
, donc un lien sur une image n'est pas accessible 
