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>

Attributs de contrôle de plage ARIA incompatibles