Attributs de contrôle de plage ARIA manquants
Texte
L’élément a un rôle ProgressBar ou Slider , mais il n’expose pas les attributs Aria-valuemin , Aria-ValueMax et Aria-valuenow correspondants.
Type
Erreur
Description
Cette erreur s’applique aux éléments qui ont un rôle (implicite ou explicite) qui est égal à ProgressBar, Slider ou SpinButton.
Conformément à la spécification de l’initiative de l’accessibilité du Web (WAI-ARIA) accessible par le Web, les éléments qui ont le rôle ProgressBar, Slider ou SpinButton doivent exposer les attributs Aria-ValueMax, Aria-valueminet Aria-valuenow .
Pour corriger cette erreur, définissez les attributs Aria-ValueMax, Aria-valueminet Aria-valuenow , et conservez dynamiquement la valeur Aria-valuenow pour vous assurer que la valeur actuelle est exposée. Vous devez également définir l’attribut Aria-ValueText pour ajouter une plus grande signification à la valeur Aria-valuenow exposée.
Exemples
<div role="slider" id="sl" aria-valuemin="1" aria-valuemax="5" aria-valuenow="3" aria-valuetext="good"…>
</div>
<script>
// This function should be triggered when the slider value changes.
function manageValue()
{
...
sl.setAttribute("aria-valuenow", currentValue);
sl.setAttribute("aria-valuetext", currentValueText);
...
}
</script>