Conception de pages Web accessibles :
Rendre les liens accessibles.

Il existe de nombreuses façons de rendre vos liens hypertexte très difficiles à utiliser et quelques façons de les rendre plus accessibles. Voici quelques exemples. (Nota : Les liens utilisés dans l’exemple ne mènent nulle part. Ils servent uniquement à des fins de démonstration.)

Exemple 1 : Manque de contexte dans les liens.

Le Canada a la chance d’avoir des milliers de lacs d’eau douce et de rivières navigables. Il n’est alors pas étonnant que la navigation de plaisance est une activité fort répandue. La rivière des Outaouais est l’un des exemples types d’un excellent cours d’eau de plaisance. La rivière des Outaouais est idéale pour les embarcations à moteur, les voiliers, les caravanes flottantes, les canots, les chaloupes et les kayaks.

Problème :

En général, l’utilisateur d’un lecteur sonore d’écran écoute d’abord la lecture le premier paragraphe en entier. À ce stade, la plupart des lecteurs sonores d’écran ne font aucune distinction entre le texte normal et le texte souligné. Ensuite, après avoir lu le texte, la personne recherchera le texte souligné, une occurrence à la fois.

Dans cet exemple, l’utilisateur entendrait : <<lacs, rivières, rivière, embarcations, voiliers, flottantes, canots, chaloupes, kayaks.>> Le lien ne contient tout simplement pas assez d’information pour que l’utilisateur prenne une décision éclairée au sujet du choix à faire. Il faudrait que la personne relise le paragraphe ou la phrase pour déterminer le contexte des liens, ce qui est difficile et ennuyeux.

Solution :

Dans ce cas, la solution la plus simple consiste à mettre plus de texte dans les liens HTML de façon à ce que le contexte soit évident.

Dans cet exemple, l’utilisateur entendrait : <<lacs d’eau douce, rivières navigables, la rivière des Outaouais, embarcations à moteur, les voiliers, les caravanes flottantes, les canots, les chaloupes, les kayaks>>. Voilà qui est beaucoup mieux que la version originale, mais ce n’est pas la meilleure façon d’utiliser les liens.

Exemple 2 : Où cliquer?

Parlons un peu des oiseaux du Canada. Cliquez ici pour en apprendre plus au sujet de la bernache du Canada. Cliquez ici pour en apprendre plus au sujet de l’étourneau.

Problème :

Ce problème ressemble à celui du premier exemple, mais l’utilisateur dispose d’encore moins d’information. En effet, on entendrait : <<cliquez ici, cliquez ici>>. Le problème serait pire si, au lieu d’utiliser du texte dans le lien, le développeur utilisait une image liée. Par exemple :

Parlons un peu des oiseaux du Canada. Cliquez ici pour en apprendre plus au sujet de la bernache du Canada. Cliquez ici pour en apprendre plus au sujet de l’étourneau.

Non seulement le lecteur sonore d’écran ne fournirait-il aucune rétroaction utile, mais comment savoir où cliquer si on a une déficience visuelle?

Solution :

Évitez d’utiliser la mention <<Cliquez ici>>. Elle est inutile.
Surtout, n’utilisez pas <<Cliquez ici>> comme seul texte du lien.
N’utilisez pas les graphiques seuls comme liens, surtout si les graphiques n’ont pas d’élément ALT=text correspondant.

Voici une solution qui conviendrait dans les deux cas :

Parlons un peu des oiseaux du Canada. Sélectionnez ce lien pour en apprendre plus au sujet de la bernache du Canada. Sélectionnez ce lien pour en apprendre plus au sujet de l’étourneau.

Exemple 3 : La meilleure solution.

La meilleure solution pour les utilisateurs de lecteur sonore d’écran consiste à séparer les liens dans le corps du texte et à les placer dans un menu ou dans une liste de liens. Si on revient à notre exemple sur la navigation de plaisance :

La navigation de plaisance au Canada :