Masquer un lien uniquement aux lecteurs d'écrans

Dans l'idéal, il faudrait utiliser une feuille de style ciblant les médias aural / speech et braille, voire embossed.

<link rel="stylesheet" href="lecteurs-ecran.css" type="text/css" media="aural, speech, braille, embossed" />

<p class="noscreenreaders"><a href="URL-de-l-article.html">Lire la suite</a></p>

/* Feuille de style lecteurs-ecran.css */
.noscreenreaders {
  display: none;
}

Hermann a écrit :
Seulement parce que le lien est déjà présent au dessus dans le titre mais c'est d'avantage un problème d'ergonomie

S'il s'agit d'un problème d'ergonomie, le point de vue de l'accessibilité ne te sera pas d'une grande aide, fût-ce à coups de feuilles de style ciblant des médias difficilement pris en charge. Cela dit, le maintien des liens « Lire la suite » peut être judicieux pour les utilisateurs de lecteurs d'écran qui privilégient le mode linéaire sur toute ou partie de leur navigation (je ne sais ce qu'en penserait un ergonome Web ; mais, c'est un argument à lui soumettre).

@Victor
tiens j'avais même pas pensé aux médias, c'est vrai que dans l'idéal ça serait la solution à privilégier mais l'implémentation des valeurs de média que tu donnes est très limitée il me semble (pour speech, il n'y a par exemple qu'Opera qui en tient compte) jusqu'à preuve du contraire.
Ta dernière remarque est pertinente, du coup je vais revenir vers ma solution initiale :

Felipe a écrit :
Bonjour,
Je reproduis le lien constitué par le titre dans ce lien 'Lire la suite', c'est-à-dire que le titre de lien (attribut title) du lien 'Lire la suite' est similaire à l'intitulé du lien-titre (le contenu textuel du titre).

C'est ce que j'ai fais

Merci à vous!
Modifié par Hermann (19 May 2010 - 21:46)

a écrit :

Si "Lire la suite" est précédé d'un titre hn, l'attribut title n'est pas nécessaire, le lien est explicite.

Ah tiens ? Ca contredit ce qu'on m'a toujours dit jusqu'à maintenant, c'est-à-dire qu'il ne doit pas y avoir d'ambiguïté si on lit les intitulés des liens hors contexte. Qui a raison ? Parce que si on a 10 billets et qu'il y a 10 liens lire la suite sans title, il y a une ambiguïté justement.

De toute façon ça ne devrait pas invalider: parce que pas nécessaire ne veut pas dire qu'on ne doit pas le faire, mais qu'on est pas obligé et donc on peut le faier si on en a envie. Ou bien alors je décode mal...

QuentinC a écrit :
Ah tiens ? Ca contredit ce qu'on m'a toujours dit jusqu'à maintenant, c'est-à-dire qu'il ne doit pas y avoir d'ambiguïté si on lit les intitulés des liens hors contexte. Qui a raison ? Parce que si on a 10 billets et qu'il y a 10 liens lire la suite sans title, il y a une ambiguïté justement.

En fait, les WCAG 2.0 ont introduit la notion de lien en contexte, en se basant sur le fait que les versions les plus récentes de certains lecteurs d'écran permettent, lorsqu'on affiche la liste des liens, d'avoir des informations du contexte dans lequel ils sont placés (titre de section précédent, contenu du paragraphe ou élément de liste dans lequel le lien est présent, contenu de l'élément td dans lequel le lien est présent, contenu de l'élément th associé à l'élément td dans lequel le lien est présent).

Ainsi, si j'ai le code source suivant :

<h2>Intitulé d'un article</h2>
<p>Court texte d'introduction.</p>
<p><a href="URL-de-l-article.html">Lire la suite</a></p>

Le lien « Lire la suite » est explicite, puisque le titre de section précédent (l'élément h2) fournit le contexte du lien qui permet de dire que « Lire la suite » veut dire « Lire la suite de l'intitulé de l'article en question », ce qui valide le critère 6.1 d'Accessiweb, qui se réfère notamment au critère de succès 2.4.4 des WCAG 2.0 (version française). Il en est de même pour un lien de ce genre :

<p>Pour connaître toutes nos promotions, <a href="promotions.html">cliquez ici</a>.</p>

Mais, rassure-toi, Accessiweb 2.0 fournit un critère (le 6.4) qui vérifie si chaque intitulé de lien seul est explicite hors contexte, ce critère étant de niveau Or et se référant au critère de succès 2.4.9 des WCAG 2.0 (version française), qui est de niveau triple A. Dans ce cas, on est bien d'accord, mes liens « Lire la suite » et « Cliquez ici » demeurent non explicites hors contexte.
Modifié par Victor BRITO (21 May 2010 - 09:10)

Merci également je ne connaissais pas les détails.

@Quentin
question : Est ce que le title est lu systématiquement (et par défaut) s'il est plus long que le libellé du lien ? (me souviens plus bien).

Les liens sur les titres, j'ai longtemps pensé que c'était complètement idiot et un peu déplacé sémantiquement parlant. Mais à force, on se rend compte que c'est finalement bien pratique (pas que pour le SEO).

Ericf a écrit :
Sauf erreur de ma part, cette méthode n'est pas recommandée, et dans le cadre d'une labellisation Accessiweb, invaliderait cette labellisation (cf critère AW 6.2).
Si "Lire la suite" est précédé d'un titre hn, l'attribut title n'est pas nécessaire, le lien est explicite

Autant pour moi, j'avais bien compris AW2 6.1

a écrit :
Chaque lien sans titre de lien est-il explicite (hors cas particuliers) ?

Test 6.1.1 : Pour chaque lien texte sans titre de lien, le contexte du lien permet-il d'en comprendre la fonction et la destination (hors cas particuliers) ?

(...)

mais pas allé jusqu'à penser que 6.1 et 6.2 sont mutuellement exclusifs (alors que c'est bien l'habitude, j'aurais dû creuser plus).

Du coup ça me choque un peu de ne pas pouvoir expliciter un lien à l'intitulé aussi peu clair. OK il y a le contexte mais quel mal y a-t-il à vouloir bien faire les choses et aider l'aide technique, du moment que c'est fait de façon pertinente (c'est-à-dire de ne pas avoir à se donner la peine de chercher le titre précédent puisque je le répète in situ) ?

Autre point plus anecdotique : (Accessiweb 2.0 Liens) la formulation de AW2 6.2 et de ses tests ne se suffit pas à elle-même, il faut avoir lu les liens du critère AW6.1 pour s'en sortir.

jpv a écrit :

Ps : A noter pour être complet que WCAG recommande de ne pas utiliser title et de le remplacer par des textes cachés via CSS.

Avec un triple avantage par rapport à l'info-bulle du title : instantanéité de l'affichage, affichage en accès clavier très simple à mettre en place et lecture systématique par un lecteur d'écran.
Modifié par Hermann (23 May 2010 - 20:21)