UX/UI: Remplacer role=button par des <button>

[hellodeloo]

🤔 Pourquoi ?

Amélioration niveau accessibilité et vérification du markup

🍰 Comment ?

Décrivez en quelques mots la solution retenue et mise en oeuvre, les difficultés ou problèmes rencontrés. Attirez l'attention sur les décisions d'architecture ou de conception importantes.

[notion-workspace]

🧹 A11Y : Verifier et améliorer les ou role=”button

[leo-naeka]

LGTM.

Est-ce que ça ne vaudrait pas le coup de réfléchir à un linter HTML pour fixer mais surtout maintenir ce genre de choses ? Déjà discuté ?

[francoisfreitag]

Le plan est de sortir un template tag maison pour faire qu’un élément (pour le moment, <input type="checkbox">) soit le control d’un autre collapse. Une <div role="button"> n’est pas une bonne idée. Par exemple, lorsque la div contient un input, il est possible de cliquer dans la div sans changer l’état de l’input associé, ce qui déclenche le collapse et amène à une UI incohérente.

Exemple récent : https://itou-inclusion.slack.com/archives/C0412CTV63D/p1729243852173949

Ça peut être bien pire, je peux trouver d’autres exemples au besoin.

Cette PR est sur ma pile à retravailler, je pensais le faire dans la semaine. Une fois retravaillée, on n’aura plus besoin des tabindex. Et normalement, on pourra copier le markup des autres composants 🙈

[francoisfreitag]

J’ai poussé 7c40949, je te laisse me dire s’il te convient et mettre à jour les autres champs ?

[hellodeloo]

J’ai poussé 7c40949, je te laisse me dire s’il te convient et mettre à jour les autres champs ?

Merci c'est good. De mon coté, j'ai pushé la suite. Si c'est ok pour toi, je rebaserais les commits

[francoisfreitag]

Autrement ça m’a l’air bien 👍