integer

aria-valuemin

Définit la valeur minimale autorisée pour un widget de plage ou de progression.

Description

aria-valuemin indique la valeur minimale d’un widget de type curseur (slider), barre de progression (progressbar), ou compteur (spinbutton). Utilisé conjointement avec aria-valuemax et aria-valuenow.

Syntaxe

<div role="slider"
     aria-valuemin="0"
     aria-valuemax="100"
     aria-valuenow="40"
     aria-label="Volume">
</div>

Exemples

Curseur de plage de prix :

<div role="slider"
     tabindex="0"
     aria-label="Prix minimum"
     aria-valuemin="0"
     aria-valuemax="1000"
     aria-valuenow="150"
     aria-valuetext="150 €">
</div>

Barre de progression :

<div role="progressbar"
     aria-valuemin="0"
     aria-valuemax="100"
     aria-valuenow="65"
     aria-label="Chargement du fichier">
  65%
</div>

Notes

Toujours utiliser les trois attributs ensemble : aria-valuemin, aria-valuemax, et aria-valuenow forment un triplet — fournir les trois pour que le contexte soit complet.

Éléments natifs : <input type="range"> et <progress> gèrent ces valeurs nativement. N’utiliser les attributs ARIA que pour des widgets personnalisés.

Valeurs numériques : les valeurs doivent être des nombres. Les décimales sont autorisées.

Support navigateurs