misc: redo steps markup for better a11y (#40934) #967
Loading…
Reference in New Issue
No description provided.
Delete Branch "wip/40934-a11y-formdata-steps"
Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?
Code du gabarit de publik-base-theme + des {% blocktrans %} où c'était nécessaire, + un span supplémentaire pour mettre le libellé de page, ce qui sert pour dans les tests viser le libellé seul, + adaptations côté css backoffice (pour conserver le rendu/comportement actuel).
0bc3007e08
toec2aa01905
WIP: misc: redo steps markup for better a11y (#40934)to misc: redo steps markup for better a11y (#40934)Je vias regarder la partie HTML / CSS
ec2aa01905
toebad87abf5
Comme noté c'est le code actuellement dans publik-base-theme. + un span (
<span class="wcs-step--label-text">
).Ok pour le code CSS et HTML.
Seule évolution graphique/CSS, au passage, une réduction de la taille du chiffre (qui est bienvenue).
Vu sur jabber, ça vaut validation.
@ -2318,0 +2282,4 @@
font-weight: bold;
color: white;
text-align: center;
background: #ddd;
Finalement, une demande d'amélioration : puisqu'on est est sur une prolématique a11y, le gris #ddd utilisé pour les steps non actives n'a pas un contraste suffisant.
Pour un contraste à minima qui passe les règles WCAG, il faut un gris #595959 pour le label et un #949494 pour le chiffre.
(ça ira dans un nouveau ticket)