Rôle et attributs ARIA
Rôles et attributs ARIA générés par défaut
- Rôle ARIA principal : role=”tab”
- Attributs ARIA utilisés :
- aria-selected="false"
- aria-disabled="false"
- aria-controls avec pour valeur l’id
- tabindex=”-1”
Attributs de l’élément ayant un impact sur l’accessibilité
|
Attribut |
Impact |
|---|---|
|
panel |
⚠️ Obligatoire Si un dsa-tab-panel avec un attribut name identique à panel est trouvé, ajoute un attribut aria-controls avec l’identifiant de ce panneau. |
|
active |
Ajoute un attribut aria-selected=”true”. Ajoute tabindex=”0”. Si closable, ajoute tabindex=”0” au bouton de fermeture (-1 sinon). |
|
closable |
Ajoute un bouton de fermeture avec un label par défaut “Fermer“ (ou sa traduction). |
|
close-button-label |
Modifie le libellé du bouton de fermeture. |
|
disabled |
Empêche la sélection à l’intérieur d’un dsa-tab-group. |
Bonnes pratiques et pièges à éviter
Référence