[RGAA] - Composant Textarea counter - Pas d'attribut aria-live présent dans l'exemple d'utilisation et pour la démo
Pour que le nombre de caractères restant soit vocalisé, il faut rajouter un aria-live= "polite" avec aria-atomic="true". L'aria-atomic va permettre aux technologies d'assistance de restituer l'ensemble du contenu de la zone identifiée par aria-live polite, même si seulement une portion est mise à jour.
<div class="form-group">
<label for="textarea-1">Test maxlength à 240</label>
<textarea class="form-control" id="textarea-1" cols="30" rows="4" maxlength="240" aria-describedby="textarea-1-counter"></textarea>
<p class="textarea-counter" id="textarea-1-counter" aria-live="polite" aria-atomic="true"><span class="textarea-counter-nb" >240</span> caractères restants</p>
</div>
Edited by Alainbat