1174 sujets

Accessibilité du Web

[Résolu] Liens et ancres vides accessibles ?

Bonjour,

J'ai lu que les liens vides étaient vraiment très mauvais en terme d'accessibilité et je souhaiterais corriger ces problèmes sur mon site.

Sur cette page (https://wave.webaim.org/report#/https://flamme.philatelique.ouvaton.org/test/), wave indique 3 erreurs (lien sans contenu) :
- Un lien vers la déclaration d'accessibilité
- l'ancre haut de page
- un lien technique en bas de page.

Comment puis-je corriger cela ?
Juste après accesskey="0"> tu mets un titre au lien avant le </a>
<a href="https://flamme.philatelique.ouvaton.org/test/test_accessibilite.php#accesskey" accesskey="0">Mon titre</a>

Et idem pour les autres liens fautifs.

Et encore un <html lang="en"> pour un texte en Français.
Effectivement, en lisant la réponse, je me dis que j'aurais dû préciser davantage.

Je souhaite justement éviter de mettre du texte dans ces liens (sinon, je l'aurais déjà fait !).
(en particulier le lien de validation en bas de page)

Y a-t-il d'autres solutions pour "neutraliser" ce type de lien au niveau accessibilité ?
Si les liens sont destinés à un usage technique (utilisation de javascript, mais aussi retour vers le haut), il faut envisager de les remplacer par un bouton.
C'est aussi ce que j'allais suggérer, mais comme il n'en parlait pas...
On peux très bien mettre une image à la place du nom.
<a href="Musique/Trois-Quatre.mp3"><img src="Images/Telecharger.png" width="48" height="48" title="Musique Trois temps quatre" alt="Fichier mp3"></a>

Je n'ai aucune erreur avec WAVE avec ce genre de lien, et il n'y a pas de texte.
Modifié par Bongota (05 Jun 2022 - 00:22)
En fait, je ne vais pas avoir le temps de regarder ce problème en détail pour l'instant .
Je vais aller au plus court pour contourner le problème :
- Le lien vers la déclaration d'accessibilité : masquage hors de l'écran par défaut et apparition au focus (identique au lien "aller au contenu")

Pour les 2 autres liens, je vais me contenter dans un premier temps d'un ajout de l'attribut "aria-hidden=true"
Modifié par ltr (07 Jun 2022 - 23:02)
Prévenir un modérateur
Répondre au sujet
Aller à