Composant "Réponse à votre question" - oui/non - text area caractères countdown pas indiqué au lecteur d'écran

[Marie-a11y]

Description
La mise à jour du compteur pendant la complétion du text area doit être lu par le lecteur d'écran

Reproduction
Etapes à suivre pour reproduire le bug

1. Aller à sur toutes les pages contenant le composant "Avez-vous trouvé la réponse à votre question ?", exemple : https://code.travail.gouv.fr/fiche-ministere-travail/la-duree-legale-du-travail
2. cliquer sur oui ou non
3. inspecter le compteur de caractères

Comportement attendu
Utiliser le compteur comme une zone live afin de générer des vocalisations lorsque nécessaire (atteinte d’un seuil)

• ajouter un attribut aria-live=”off” au conteneur dès le chargement de la page
• ajouter un attribut aria-atomic=”true” afin que l’ensemble du message soit vocalisé
• lorsqu’un seuil est atteint, la valeur “polite” est attribuée à l’attribut aria-live (le seuil pouvant être tous les 100 caractères par exemple, puis quand il reste 50 caractères, puis 10 pour ensuite avoir l'aria-live="polite" à chaque caractère jusqu'à 0)
• lorsque le seuil est dépassé, la valeur “off” est attribuée à l’attribut aria-live
• si le nombre de caractère repasse en dessous du seuil, la valeur “off” est attribuée à l’attribut aria-live

Screenshots

[m-maillot]

Ajouter des tests pour éviter une régression

[Marie-a11y]

L'aria-live est correctement implémenté, cependant une régression est présente sur le textarea quand on sélectionne "non", à chaque entrée de lettre dans le composant, le focus se déplace sur la première case à cocher de "pouvez-vous nous en dire plus"