⬜ le readonly est toujours là. J'ai bien vu que vous dites que c'est le script qui l'ajoute mais il faut trouver une méthode pour le supprimer ou rendre les datepicker complètement accessibles.
✅ le champ "date" n'est pas relié à son label (relation for/id à ajouter)
✅ sur le bouton "saisir une plage de date" ajouter la prop aria-expanded
✅ manque aria-expanded sur le bouton d'ajout de l'heure
✅ sur le bouton "saisir une plage de date" ajouter la prop aria-expanded
✅ sur le bouton "saisir une plage de date" ajouter la prop aria-expanded
✅ le champ et son étiquette ne sont pas reliés (utilisez la relation for/id)
✅ les champs heures et minutes n'ont pas d'étiquettes (génération CSS interdite, utilisez un attribut title en remédiation à minima)
⬜ pas d'aide à la saisie - plus d'infos sur le comportement attendu ?
Select
✅ manque la structuration en liste : vous avez ajouté les role=listitem directement sur les boutons, il faut les mettre sur un élément container :
✅ vous avez ajouté des button en place des checkbox conseillée. Il faut donc retranscrire l'état sélectionné à l'utilisateur (avec une checkbox le changement d'état est géré nativement). Une possibilité est de simuler la checkbox avec le DP ARIA correspondant : https://www.w3.org/TR/wai-aria-practices/examples/checkbox/checkbox-1/checkbox-1.html
@nicolaswurtz les modifications que tu as apportés sur les selects apportent quelques soucis, ils en se ferment plus au premier click sur une option.
Picker
⬜ le readonly est toujours là. J'ai bien vu que vous dites que c'est le script qui l'ajoute mais il faut trouver une méthode pour le supprimer ou rendre les datepicker complètement accessibles. ✅ le champ "date" n'est pas relié à son label (relation for/id à ajouter) ✅ sur le bouton "saisir une plage de date" ajouter la prop aria-expanded ✅ manque aria-expanded sur le bouton d'ajout de l'heure ✅ sur le bouton "saisir une plage de date" ajouter la prop aria-expanded ✅ sur le bouton "saisir une plage de date" ajouter la prop aria-expanded ✅ le champ et son étiquette ne sont pas reliés (utilisez la relation for/id) ✅ les champs heures et minutes n'ont pas d'étiquettes (génération CSS interdite, utilisez un attribut title en remédiation à minima) ⬜ pas d'aide à la saisie - plus d'infos sur le comportement attendu ?
Select
✅ manque la structuration en liste : vous avez ajouté les role=listitem directement sur les boutons, il faut les mettre sur un élément container : ✅ vous avez ajouté des button en place des checkbox conseillée. Il faut donc retranscrire l'état sélectionné à l'utilisateur (avec une checkbox le changement d'état est géré nativement). Une possibilité est de simuler la checkbox avec le DP ARIA correspondant : https://www.w3.org/TR/wai-aria-practices/examples/checkbox/checkbox-1/checkbox-1.html
@nicolaswurtz les modifications que tu as apportés sur les selects apportent quelques soucis, ils en se ferment plus au premier click sur une option.