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’accéder au contenu principal. Il doit être placé 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’évitement, voir : https://www.accede-web.com/notices/html-et-css/navigation-au-clavier/mettre-en-place-un-lien-devitement/