1154 sujets

Accessibilité du Web

Bonjour,

J'aurai voulu votre avis sur une une présentation de document à télécharger pour une administration

La chose se présente de cette manière dans un tableau :

Le nom du document à télécharger

<a href="mon_doc.pdf">Télécharger (cerfa-1xxxxx-xxx)</a>


J'ai fait remarquer que le type et le poids du document n'était pas spécifié et que le lien hors contexte n'était pas utilisable dans le sens ou (cerfa-1xxxxx-xx) n'est pas vraiment explicite quand à la teneur du document.

Il n'est pas question que le lien soit le nom du document pour des raisons d'esthétisme.

La solution proposée est de mettre une image dans le lien avec la "alt" qui va bien et de préciser à côté le type et le poids du document.

Ce qui donnerait :

Le nom du document à télécharger

<a href="mon_doc.pdf"><img src="mon_image.jpg" alt="Le nom du document à télécharger
" title="Le nom du document à télécharger" /></a> (Pdf-930 Ko).

Pour vous est-ce suffisamment accessible ou y'a t-il mieux à faire ?
Modifié par knarf (02 Jun 2011 - 01:00)
Bonjour,
knarf a écrit :
Le nom du document à télécharger

<a href="mon_doc.pdf"><img src="mon_image.jpg" alt="Le nom du document à télécharger
" title="Le nom du document à télécharger" /></a> (Pdf-930 Ko).

C'est mieux de cette façon :

Le nom du document à télécharger

<a href="mon_doc.pdf" title="Le nom du document à télécharger"><img src="mon_image.jpg" alt="Le nom du document à télécharger" /></a> (Pdf-930 Ko).
Bonjour knarf,

knarf a écrit :
J'ai fait remarquer que le type et le poids du document n'était pas spécifié ...


En effet, l'idéal est d'avoir ces informations directement dans l'intitulé du lien. Si contrainte graphique / esthétique, au minimum, elles doivent être présentes dans le titre de lien (en complément de l'intitulé du lien). En dehors du lien, cela perd de son intérêt.

knarf a écrit :
... et que le lien hors contexte n'était pas utilisable dans le sens ou (cerfa-1xxxxx-xx) n'est pas vraiment explicite quand à la teneur du document.


Si il l'est en contexte c'est déjà très bien Smiley smile . Tu indiques qu'on se trouve dans un contexte tableau si le nom du document à télécharger est une entête de tableau ton lien (même si il s'intitule simplement "Télécharger") est tout à fait explicite en contexte. Bon après c'est vraiment dépendant du code actuel. Il y a un peu d'extrapolation dans mes propos.
Modifié par yodaswii (02 Jun 2011 - 13:28)
Mabelle a écrit :
C'est mieux de cette façon :

Le nom du document à télécharger

<a href="mon_doc.pdf" title="Le nom du document à télécharger"><img src="mon_image.jpg" alt="Le nom du document à télécharger" /></a> (Pdf-930 Ko).


Non, mettre le title sur l'image directement est pertinent. Cette pratique permet de ne pas vocaliser inutilement un titre de lien identique à l'intitulé (apporté ici par l'alternative textuelle de l'image).
Modifié par yodaswii (02 Jun 2011 - 13:16)
Bonjour yodaswii,
yodaswii a écrit :
Non, mettre le title sur l'image directement est pertinent. Cette pratique permet de ne pas vocaliser inutilement un titre de lien identique à l'intitulé (apporté ici par l'alternative textuelle de l'image).

Oui c'est bien vrai, comme l'intitulé du lien est identique à l'intitulé du alt de l'image. Alors, si je comprend bien, knarf devrait plutôt écrire:
<a href="mon_doc.pdf"><img src="mon_image.jpg" alt="Le nom du document à télécharger" /></a> (Pdf-930 Ko) ? Parce qu'il est aussi redondant de mettre un intitulé alt et title identique sur une image ?
Mabelle a écrit :
Oui c'est bien vrai, comme l'intitulé du lien est identique à l'intitulé du alt de l'image. Alors, si je comprend bien, knarf devrait plutôt écrire:
<a href="mon_doc.pdf"><img src="mon_image.jpg" alt="Le nom du document à télécharger" /></a> (Pdf-930 Ko) ? Parce qu'il est aussi redondant de mettre un intitulé alt et title identique sur une image ?


Si l'image n'est pas forcément significative visuellement, la présence d'une infobulle peut-être intéressante. On évitera alors de fournir cette infobulle par l'intermédiaire du titre de lien. Soit :
<a href="mon_doc.pdf"><img src="mon_image.jpg" alt="Le nom du document à télécharger" title="Le nom du document à télécharger" /></a> (Pdf-930 Ko)


Selon la configuration de la technologie d'assistance utilisée, le titre de lien sera restitué à la demande ou automatiquement. En embarquant le title sur l'image, on évite une restitution inutile (l'infobulle est utile pour certains profils utilisateur pas pour tous).

Dans le cas de knarf, le type de fichier et son poids doivent être spécifiés :
- soit dans l'intitulé du lien :
<a href="mon_doc.pdf">Télécharger (PDF, 930ko)</a>

- soit dans le titre du lien :
<a href="mon_doc.pdf" title="Télécharger le PDF ... (930ko)">Télécharger</a>


Dans le premier cas, le lien ne sera explicite que par l'intermédiaire d'un contexte (titre h précédent, élément parent p / li / td (cf. WCAG), liaison entre la cellule contenant le lien et l'entête de tableau correspondant).
Alors que dans le deuxième cas, le lien sera explicite par le titre de lien.

Si l'on souhaite que le lien soit explicite hors contexte cela veut dire que l'intitulé seul du lien indique toutes ces informations. On s'expose alors à des intitulés de lien pouvant devenir problématiques. D'où ma remarque, sur l'explicité en contexte c'est bon mangez-en Smiley cligne .
Modifié par yodaswii (02 Jun 2011 - 14:59)
Merci pour la précision yodaswii.

Mais j'avoue humblement avoir de la difficulté à suivre entre ce que tu expliques et ce qu'explique Laurie-Anne dans cet astuce. Smiley confus

Je devrai me pencher là-dessus à tête reposée.
Bon alors rien pour se rattacher à un contexte.

Pas de niveau titre correspondant au document.
Pas d'entête de tableau
.....

Juste deux cellules juxtaposées donc sans aucune relation.


Mais au final je me dis que les 3 infos devraient être présentes.

Cerfa 1xxxx-xx
Le nom du document
Le type et le poids.

On peut avoir besoin de faire une recherche sur le nom, ou le n° de cerfa.

Ca commence à faire beaucoup dans un lien.

Une solution comme celle là serait donc acceptable (validable) ?

<h2>Etat civil<h2>
<h3>Carte nationale d'identité (cerfa 1xxxxx-xx)</h3> <a href="mon_doc.pdf">Télécharger PDF - 53ko</a>


Ou si on utilise une image

<h2>Etat civil<h2>
<h3>Carte nationale d'identité (cerfa 1xxxxx-xx)</h3> <a href="mon_doc.pdf"><img src="mon_image.jpg" alt="Télécharger PDF - 53ko" /></a>



On a une relation avec le niveau de titre <h3>, mais par contre on a toujours le cas hors contexte.
Modifié par knarf (03 Jun 2011 - 10:35)
Dans ton premier cas, le lien "Télécharger PDF - 53ko" a pour contexte "Carte d'identité nationale (...)". Le contexte est donc correct.

Dans ton deuxième cas, pareil. Peu importe que l'intitulé de lien se trouve dans l'alternative textuelle d'une image.

knarf a écrit :
On a une relation avec le niveau de titre <h3>, mais par contre on a toujours le cas hors contexte.


Ce qui n'est pas si grave en soit (si si faut s'en convaincre Smiley cligne ).
Modifié par yodaswii (03 Jun 2011 - 10:55)
Le vrai titre du document serait bien quelque part , parce que là cela ne m'a pas l'air bien précis ... vu que tu parles de cerfa je suppose que cela traite du formulaire de demande de la CNI ?

Donc un intitulé "Formulaire de demande de Carte Nationale d'Identité" serait le bienvenu, en clair sur la page , c'est le vrai titre du document qui est intéressant pas le nom de fichier réel ...
Le numéro Cerfa est la référence du document pour l'administration mais ne veut rien dire pour l'usager lambda .... il est important de le mettre néanmoins .
Pour le cerfa je me disais que l'on pouvait avoir besoin d'être sur que c'était le bon numéro avant d'aller l'ouvrir ou le télécharger.

Si un moteur de recherche est présent une recherche par n° peut-être aussi utile en fonction des profils.

Effectivement l'intitulé pourrait-être plus explicite en incluant le mot "formulaire".

Néanmoins sur une synthèse vocale je me dis que le côté répétitif de "Formulaire" sur une page qui pourrais en contenir 10, 20 voire 30 risque de devenir pénible à la lecture.

Faut voir à l'usage et ça il n'y a que les utilisateurs concernés qui pourront le dire.

Le truc c'est que je n'ai eu que 3 heures 30 comme ça sur le tas pour faire "l'évaluation" d'un projet de portail déjà en cours.

J'ai donc fait des remarques sur ce qui me sautait aux yeux et il y'a surement énormément de détails qui sont passés au travers.