misc: redo steps markup for better a11y (#40934) #967

Merged
fpeters merged 1 commits from wip/40934-a11y-formdata-steps into main 2024-01-16 09:17:18 +01:00
Owner

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).

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).
fpeters force-pushed wip/40934-a11y-formdata-steps from 0bc3007e08 to ec2aa01905 2023-12-26 10:00:23 +01:00 Compare
fpeters changed title from WIP: misc: redo steps markup for better a11y (#40934) to misc: redo steps markup for better a11y (#40934) 2023-12-26 11:04:20 +01:00
tjund requested review from tjund 2024-01-09 10:33:54 +01:00
Owner

Je vias regarder la partie HTML / CSS

Je vias regarder la partie HTML / CSS
fpeters force-pushed wip/40934-a11y-formdata-steps from ec2aa01905 to ebad87abf5 2024-01-13 10:48:18 +01:00 Compare
Author
Owner

Je vais regarder la partie HTML / CSS

Comme noté c'est le code actuellement dans publik-base-theme. + un span (<span class="wcs-step--label-text">).

> Je vais regarder la partie HTML / CSS Comme noté c'est le code actuellement dans publik-base-theme. + un span (`<span class="wcs-step--label-text">`).
Owner

Ok pour le code CSS et HTML.
Seule évolution graphique/CSS, au passage, une réduction de la taille du chiffre (qui est bienvenue).

Ok pour le code CSS et HTML. Seule évolution graphique/CSS, au passage, une réduction de la taille du chiffre (qui est bienvenue).
tjund refused to review 2024-01-16 08:54:52 +01:00
Author
Owner

Ok pour le code CSS et HTML.

Vu sur jabber, ça vaut validation.

> Ok pour le code CSS et HTML. Vu sur jabber, ça vaut validation.
fpeters merged commit a66fab4ca2 into main 2024-01-16 09:17:18 +01:00
fpeters deleted branch wip/40934-a11y-formdata-steps 2024-01-16 09:17:19 +01:00
tjund requested changes 2024-01-16 09:21:21 +01:00
@ -2318,0 +2282,4 @@
font-weight: bold;
color: white;
text-align: center;
background: #ddd;
Owner

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.

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.
fpeters marked this conversation as resolved
Author
Owner

(ça ira dans un nouveau ticket)

(ça ira dans un nouveau ticket)
Sign in to join this conversation.
No reviewers
No Label
No Milestone
No Assignees
2 Participants
Notifications
Due Date
The due date is invalid or out of range. Please use the format 'yyyy-mm-dd'.

No due date set.

Dependencies

No dependencies set.

Reference: entrouvert/wcs#967
No description provided.