Skiplink - Lien d'accès rapide

Ancres permettant d'accéder rapidement vers certains éléments de la page - À mettre en place pour l'accessibilité.

Rôle et attributs ARIA

Rôles et attributs ARIA générés par défaut

dsa-skip-links

Élément principal : <nav role=”navigation”>

Attributs ARIA utilisés :

aria-label avec pour valeur “Liens d’accès rapide” ou sa traduction

Élément contenant les liens : <ul>

dsa-skip-link-item

Rôle ARIA principal : listitem

Élément interactif : <a>

Navigation et interaction clavier

Gestion du focus :

Les liens d’accès rapides ne sont visibles que si l’un d’entre eux a le focus

Bonnes pratiques et pièges à éviter

Utiliser les liens d’accès rapides à minima pour permettre d’accéder au contenu principal. Il doit être placé tout en haut de la page et disponible sur toutes les pages du site.

Utiliser les liens d’accès rapide pour permettre l’accès aux différentes régions de la page (menu principal, moteur de recherche, contenu principal de la page, footer, etc…).

Référence

Pour plus d’information sur la mise en place de ce lien d’évitement, voir : https://www.accede-web.com/notices/html-et-css/navigation-au-clavier/mettre-en-place-un-lien-devitement/