1174 sujets

Accessibilité du Web

Pages :
Administrateur
(reprise du message précédent)

polau a écrit :
Presque comme ceci http://css.alsacreations.com/Tutoriels-et-articles-divers/roll-over-css-image-unique.
Les image de fond que j'utilise représente un logo et du texte mais le tout est une seule image (différente a chaque éllement du menu).

En passant, tu trouveras beaucoup d'exemples ici puisque tous les menus emploient cette technique et n'utilisent qu'une seule image Smiley cligne

polau a écrit :
Cependant sur la page (X)HTML je n'affiche pas de texte dans le menu (je triche en utilisent un espace) et comme les images sont stoker dans le css externe, l'attribu "Alt" ne peut être renseigner se qui rend le menu totalement inaccessible aux personnes non-voyantes.

Aprés moulte réflextions.
Je pense que la solution consiste a mettre du texte pour les éllements du menu dans la page (X)HTML en fesant en sorte pour que le texte soit invisible.
Ainsi je conserve mon design de menu pour les voyants, et lorsque la page est afficher sans style le menu est accésible pour les non-voyants.

Vous suivez mon raisonnement, suis-je asser clair ?

Je sais que alpha rend le texte invisible mais ne fonctionne pas sur tout les navigateurs.

Comment rentre du texte invisible par tout les navigateurs ?

Après moultes réflexions, tu aurais pu économiser beaucoup de temps en passant faire un tour dans la FAQ Smiley lol
http://forum.alsacreations.com/faq/index.php#item13

(lire aussi et surtout les 3 liens complémentaires associés à cet item de la FAQ)

Bonne lecture Smiley smile
Modérateur
Bonjour polau,

Peu importe la solution que tu utiliseras, tu dois vérifier que ton menu est utilisable :

1. Avec images et avec CSS
2. Avec images mais sans CSS
3. Sans images mais avec CSS
4. Sans images et sans CSS.

Pour faire ces tests, tu peux utiliser Firefox et la Webdeveloper Bar.
Pages :