[Résolu] - Pb lien - Accessibility Priority 3

bonjour,
tout d'abord bravo à ce site et à son créateur , qui m'ont relancé dans la conception de site web standardisé

mon problème :
je suis entrain de refaire mon site donc avec validation XHTML 1.1 strict et CSS
tant qu'à faire bien je veux aussi le valider pour les déficients visuels , etc ...
alors je suis allez sur le site : http://bobby.watchfire.com/bobby/

et là j'ai des erreurs pour la priorité 3 :

a écrit :
Separate adjacent links with more than whitespace.

cette phrase contient le lien suivant : http://webxact2.watchfire.com/themes/standard-en-us/help/HIDD_WDContent_G42.html

et je ne vois pas vraiment ce qu'il faut faire pour enlever ces erreurs
je vous invite à faire le test avec ma page web :
http://sane79.free.fr/sitev/test.html

pour mieux voir le pb.

merci
Modifié par sane79 (25 Jun 2005 - 12:49)

bon j'ai trouvé mais je trouve que c'est vraiment pas beau :

code avant :

a écrit :
<a href="http://jigsaw.w3.org/css-validator"><img src="css.png" alt="Validation CSS" width="80" height="15" /></a>

code sans erreurs:

a écrit :
[<a href="http://jigsaw.w3.org/css-validator"><img src="css.png" alt="Validation CSS" width="80" height="15" /></a>]

le problème c'est que les crochets sont affichés
je vais tenter la 2eme solution

la seconde solution est mieux finalement et parait logique par son utilisation
il suffit d'utiliser une liste

<ul> 
	<li><a href="http://validator.w3.org/check?uri=referer"><img src="xhtml11.png" alt="Validation XHTML 1.1" width="80" height="15" /></a></li> 
	<li><a href="http://jigsaw.w3.org/css-validator"><img src="css.png" alt="Validation CSS" width="80" height="15" /></a></li>
	<li><a href="http://bobby.watchfire.com/bobby/"><img src="aaa.gif" alt="Validation d'accessibilité" width="80" height="15" /></a></li> 
</ul> 

voilà résolu tout seul
désolé de squatter le forum

en espérant que cela serve à quelqu'un
Modifié par sane79 (25 Jun 2005 - 13:10)

Bonjour sane79.

Directives pour l'accessibilité aux contenus Web a écrit :

Tant que les agents utilisateurs (incluant les technologies d'assistance) n'afficheront pas les liens adjacents distinctement, incluez des non-liens, des caractères imprimables (entourrés par des espaces) entre deux liens adjacents.

Exemple : un lien | un autre lien | etc.

Cette directive (10.5) de priorité 3 disparaitra dans WCAG 2.

http://www.w3.org/WAI/GL/2004/11/19-mapping.html

merci stephan
on a répondu en meme tps

tes liens ne marchent pas au passage

sane79 a écrit :

tes liens ne marchent pas au passage

C'est normal, ce sont des liens bidons

en faisant le test sur la page : http://css.alsacreations.com/

je me suis aprecu qu'il y avait les meme erreurs que moi
et aussi les warning de height et de width

Ouais ben...

Je n'ai jamais rencontré cette directive dans Directives pour l'accessibilité aux contenus Web (version 1.0) pas plus que dans Opquast.com - bonnes pratiques qualité pour les services en ligne alors...

... je pense que ce « warning » n'a pas raison d'être.

/me [ S'il fallait répondre aux caprices de tous les validateurs d'accessibilité... ]
Modifié par Stephan (25 Jun 2005 - 13:26)

En ce qui me concerne je viens de me rendre compte que pour le validateur webxact les item <dd> d'une liste de définition, s'ils sont des liens, sont considérés comme liens adjacents.

Grosse fatigue...

clb56 a écrit :

En ce qui me concerne je viens de me rendre compte que pour le validateur webxact les item <dd> d'une liste de définition, s'ils sont des liens, sont considérés comme liens adjacents.

Grosse fatigue...

hé ! hé !

Même chose pour moi !

Stephan a écrit :

hé ! hé !

c'est sur...

et encore toi tu n'utilises que deux "hé", Laurent Denis doit en être rendu à une dizaine vu mon usage immodéré des listes de définitions pour les menus de navigation.

Seuls les éléments de liste <ul> et <ol> sont traditionnellement admis comme ne générant pas de liens adjacents, car les lecteurs d'écran rendent le passage d'un item à un autre en donnant un équivalent verbal ou sonore de la puce ou du numéro.

En ce qui concerne les warning de height et de width, je n'ai pas pu les reproduire : je suppose qu'il s'agit d'un avertissement sur l'absence de ces attributs pour les éléments <img> ?

Dans ce cas, il n'y a effectivement aucune recommandation d'accessibilité les concernant.

Mais l'absence des attributs height et width des images peut être problématique pour les mobiles : les navigateurs pour mobile font en effet un tri selon la taille des images, et exploitent ces valeurs d'attributs pour ne pas télécharger les images trop grandes pour être affichées. Préciser les dimensions des images est donc pour eux une aide non négligeable

clb56 a écrit :


c'est sur...

et encore toi tu n'utilises que deux "hé", Laurent Denis doit en être rendu à une dizaine vu mon usage immodéré des listes de définitions pour les menus de navigation.

MDR

je l'avais bien dit plus il fait chaud plus les vacances sont finies !
Modifié par clb56 (25 Jun 2005 - 14:22)

Laurent Denis a écrit :

Seuls les éléments de liste <ul> et <ol> sont traditionnellement admis comme ne générant pas de liens adjacents...

Par conséquent, deux images-liens doivent être séparées par un caractère imprimable...

Laurent Denis a écrit :
car les lecteurs d'écran rendent le passage d'un item à un autre en donnant un équivalent verbal ou sonore de la puce ou du numéro.

cela dit jaws rend parfaitement compte des différents items d'une liste de définitions.

Mais bon en fin de conte la réalité des validateurs s'impose toujours.

Stephan a écrit :

Par conséquent, deux images-liens doivent être séparées par un caractère imprimable...

Selon WCAG 1.0, oui. Mais comme tu l'as rappelé, cette recommandation des liens adjacents est périmée dans WCAG2.0