Salle 24 Aile D · Retours et états

La barre de progression muette

Une barre de progression muette pour les lecteurs d’écran.

0 salle visitée sur 37

Le piège

Version ratée

À vous : Écoutez ce que le lecteur d’écran annonce.

Inscription

Réparé

Version corrigée

Inscription

Étape 2 sur 4 · Adresse

Vitrine fermée

Subissez d’abord le piège : elle s’ouvre toute seule.

Voir le code, avant et après

Version ratée

<div class="bar">
  <div class="fill" style="width: 50%"></div>
</div>

Version corrigée

<p id="label">Inscription</p>
<div class="bar" role="progressbar"
  aria-labelledby="label"
  aria-valuemin="0" aria-valuemax="4"
  aria-valuenow="2"
  aria-valuetext="Étape 2 sur 4 : adresse">
  <div class="fill" style="width: 50%"></div>
</div>