Filter button - Bouton de filtre

Le bouton de filtre permet de sélectionner un ou plusieurs critères pour filtrer des données ou un contenu.

Rôle et attributs ARIA

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

  • Rôle ARIA principal : role=”button”
  • Attributs ARIA utilisés :
    • aria-disabled="false"

 

Attributs de l’élément ayant un impact sur l’accessibilité

Attribut

Impact

label

⚠️ Obligatoire

Donne un libellé au bouton

selected-option

Si une seule option est sélectionnée (selection-count=”1”), la valeur de selected-option est ajoutée au libellé du bouton.

selected-count

Si plusieurs options sont sélectionnées, cette valeur est ajoutée au libellé du bouton.

disabled

Modifie la valeur de aria-disabled sur le bouton, et ajoute un tabindex=”-1”.

readonly

Modifie la valeur de aria-disabled sur le bouton.

aria-expanded

Indique si le panneau associé est ouvert.

aria-controls

Id du panneau contrôlé par le bouton.

 

Référence