feat: deltag-aarhus mock — WCAG fixes, new CTAs, and "Enig" vote#28
Merged
Conversation
Several experiments and accessibility fixes for the Vosnæs/Uniparken
hearing-detail prototypes, so the mocks read well for low-vision users
and let the team trial alternative interactions.
Accessibility (WCAG):
- Raise card/input/dropdown/divider borders to a 1.4.11-compliant #8c8c8c
(3.36:1) via --border-default/--border-subtle; repoint hardcoded
--gray-200/--gray-350 separators at the semantic token
- Fix muted text contrast: --text-muted -> #767676 (4.54:1); dark-footer
links -> --gray-350 (9.48:1) since darkening would have failed there
- Darken submission-form hint/notice text to --text-secondary and
de-italicise the hint; notice info icon now follows the text colour
instead of the near-invisible --gray-400
Call-to-action experiment:
- Add an outline "Skriv et høringssvar" in the header (hidden when closed)
and a centered primary one below the answers list, alongside the existing
one; all share a js-submit-horingssvar hook
- Add help text to the Kategori select, linked via aria-describedby
- Add a closed-variant tip linking down to the statistics section
Vote experiment:
- Reframe the "synes om" like as an agreement vote: handshake icon and
"{antal} er enig(e)" (singular-aware via DM.enigeLabel), sort option
renamed "Flest enige"; applied to cards and detail modal across both
prototypes. The likes data field is unchanged.
Co-authored-by: Claude <noreply@anthropic.com>
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
Accessibility fixes plus two interaction experiments for the deltag.aarhus.dk hearing-detail prototypes (Vosnæs + Uniparken). All changes are in the self-contained mocks under
docs/public/projects/deltag-aarhus/mocks/— no design-system files touched.Accessibility (WCAG)
#8c8c8c(3.36:1, SC 1.4.11) via the--border-default/--border-subtletokens; hardcoded--gray-200/--gray-350separators repointed at the semantic token--text-muted→#767676(4.54:1, SC 1.4.3). Footer links →--gray-350(9.48:1) — they sit on a dark#333background where darkening would have failed--text-secondary(~7:1) and de-italicised; the notice info icon now follows the text colour instead of the near-invisible--gray-400(from browser-feedback)Call-to-action experiment
js-submit-horingssvarclassaria-describedbyVote experiment
fa-regular fa-handshake, confirmed free) + "{antal} er enig(e)" (singular-aware viaDM.enigeLabel); sort option renamed "Flest enige". Applied to cards and the detail modal across both prototypes. The underlyinglikesdata field is unchanged.Test plan
task dev→ open…/projects/deltag-aarhus/mocks/index.html(closed) and?variant=openGenerated with Claude Code