Steps to replicate the issue (include links if applicable):
- Create a page
- Rename it with the same name
- An error appears but the focus is not on the title page input and the error is not vocalized
What happens?:
An error appears but the focus is not on the title page input of the rename form and the error is not vocalized (see printscreen of speech viewer NVDA bellow)
What should have happened instead?:
- The focus must be put on the field that raised the error
- The error message must be vocalized
Software version (on Special:Version page; skip for WMF-hosted wikis like Wikipedia):
Bug reproduced on Mediawiki 1.43.0
Other information (browser name/version, screenshots, etc.):
Bug reproduced on Chrome, Edge and Firefox. Bug reproduced on Vector, Vector/2022 and Timeless skin
Les erreurs d'encodage doivent être renseignées, vocalisées et prendre le focus :
- Pour renseigner correctement une erreur, on va ajouter un <code>aria-invalid="true"</code> sur chacun des champs invalides en plus du signalement visuel (couleur, symbole). Cet attribut peut être mis sur un groupe de champ (fieldset).
- Chaque champ invalide aura également un message d'erreur qui précise l'erreur et la correction attendue. Ce message doit lui aussi être visible, pertinent et relié au champ, soit en étant présent directement dans le <code>label</code>, soit à côté du champ mais relié à celui-ci par l'attribut <code>aria-describedby</code>. Ce message peut être mis sur un groupe de champ (fieldset) quand c'est adéquat (groupes de cases à cocher, boutons radio). Une alternative acceptable est d'utiliser un message général qui liste les champs erronés.
- Si un message global d'erreur ou de validation est présent, on va ajouter un <code>role="alert"</code>.
- Le focus clavier doit être placé sur le premier champs erroné. Si seul le message général renseigne les erreurs, on force le focus sur ce message avec un attribut tabindex="-1" (dans ce cas-ci le role="alert" n'est plus nécessaire).
