fix(wcag): contrast tokens AA + touch targets 44px AAA #188

Open
Gaknaad wants to merge 1 commit from fix/wcag-contrast-touch-targets into main
Owner

WCAG 2.1 Contrast & Touch Target Fixes

Contrastes (globals.css)

Token Avant Après Ratio Cible
--ink-dim #9aa7bc #a8b4c7 8.50:1 ≥4.5:1 AA
--border #45516a #6a7b98 4.16:1 (bg) / 3.24:1 (bg-raised) ≥3:1
--bg-raised vs --bg #1a2230 #212d3f CR 1.28 ≥1.25
--bg-panel vs --bg-raised #232d3d #2f3e55 CR 1.28 ≥1.25

Touch Targets WCAG 2.5.5 AAA (44×44px)

  • button.tsx (icon): h-9 w-9 → min-h-11 min-w-11
  • select.tsx, input.tsx: h-9 → min-h-11
  • ChatbotHint.tsx, ExpandableCard.tsx, CandidatureDialog.tsx: h-6/h-8 → min-h-11 min-w-11

Build

✓ Compiled successfully

## WCAG 2.1 Contrast & Touch Target Fixes ### Contrastes (globals.css) | Token | Avant | Après | Ratio | Cible | |-------|-------|-------|-------|-------| | --ink-dim | #9aa7bc | #a8b4c7 | 8.50:1 | ≥4.5:1 AA | | --border | #45516a | #6a7b98 | 4.16:1 (bg) / 3.24:1 (bg-raised) | ≥3:1 | | --bg-raised vs --bg | #1a2230 | #212d3f | CR 1.28 | ≥1.25 | | --bg-panel vs --bg-raised | #232d3d | #2f3e55 | CR 1.28 | ≥1.25 | ### Touch Targets WCAG 2.5.5 AAA (44×44px) - `button.tsx` (icon): h-9 w-9 → min-h-11 min-w-11 - `select.tsx`, `input.tsx`: h-9 → min-h-11 - `ChatbotHint.tsx`, `ExpandableCard.tsx`, `CandidatureDialog.tsx`: h-6/h-8 → min-h-11 min-w-11 ### Build ✓ Compiled successfully
Contrastes (globals.css):
- ink-dim: #9aa7bc → #a8b4c7 (CR 8.50:1 ≥ 4.5:1 AA sur bg)
- border: #45516a → #6a7b98 (CR 4.16:1 sur bg, 3.24:1 sur bg-raised ≥ 3:1)
- bg-raised: #1a2230 → #212d3f, bg-panel: #232d3d → #2f3e55
  (delta CR entre niveaux: 1.28 ≥ 1.25)

Touch targets WCAG 2.5.5 AAA (44×44px):
- button.tsx (icon): h-9 w-9 → min-h-11 min-w-11
- select.tsx, input.tsx: h-9 → min-h-11
- ChatbotHint, ExpandableCard, CandidatureDialog: h-6/h-8 → min-h-11 min-w-11

Build: ✓
This pull request can be merged automatically.
This branch is out-of-date with the base branch
You are not authorized to merge this pull request.
View command line instructions

Checkout

From your project repository, check out a new branch and test the changes.
git fetch -u origin fix/wcag-contrast-touch-targets:fix/wcag-contrast-touch-targets
git switch fix/wcag-contrast-touch-targets

Merge

Merge the changes and update on Forgejo.

Warning: The "Autodetect manual merge" setting is not enabled for this repository, you will have to mark this pull request as manually merged afterwards.

git switch main
git merge --no-ff fix/wcag-contrast-touch-targets
git switch fix/wcag-contrast-touch-targets
git rebase main
git switch main
git merge --ff-only fix/wcag-contrast-touch-targets
git switch fix/wcag-contrast-touch-targets
git rebase main
git switch main
git merge --no-ff fix/wcag-contrast-touch-targets
git switch main
git merge --squash fix/wcag-contrast-touch-targets
git switch main
git merge --ff-only fix/wcag-contrast-touch-targets
git switch main
git merge fix/wcag-contrast-touch-targets
git push origin main
Sign in to join this conversation.
No reviewers
No labels
No milestone
No project
No assignees
1 participant
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
Gaknaad/Site_Projeticone!188
No description provided.