Skip to content

Vecka 9-10: Automatiserade tester (P1) - #2690

Open
MustafaGood wants to merge 4 commits into
compdemocracy:edgefrom
MustafaGood:feature/a11y-automated-tests
Open

Vecka 9-10: Automatiserade tester (P1)#2690
MustafaGood wants to merge 4 commits into
compdemocracy:edgefrom
MustafaGood:feature/a11y-automated-tests

Conversation

@MustafaGood

@MustafaGood MustafaGood commented Aug 3, 2026

Copy link
Copy Markdown

Summary

  • Lägger till jest-axe i client-participation-alpha med a11y-tester för SurveyForm, EmailSubscribeForm, InviteCodeSubmissionForm och Statement
  • Lägger till cypress-axe smoke i e2e för .statement-card och .submit-form (critical/serious)
  • Fixar WCAG AA-kontrast på vote-knappar (Agree/Disagree) som testerna hittade

Test plan

  • cd client-participation-alpha && npm test -- --testPathPatterns=a11y
  • cd client-participation-alpha && npm run verify (eller minst test + lint + build)
  • cd e2e && CYPRESS_BASE_URL=https://localhost npm run test:a11y
  • Manuell: öppna /alpha/52czbnk3jn och kontrollera att Agree/Disagree syns tydligt

Notes

  • Branch: feature/a11y-automated-tests
  • Cypress-smoke använder konversation 52czbnk3jn (override: CYPRESS_A11Y_CONVERSATION_ID)

Add accessible labels, status/alert live regions, global focus-visible, modal keyboard support, and main landmark in client-participation-alpha.
Associate form errors via aria-describedby and expose toggle state on visualization controls for screen readers.
Expose opinion-group chart name to assistive tech and announce selected group/statement outside the SVG.
Catch accessibility regressions with component axe tests and an e2e smoke; darken vote button colors to meet WCAG AA contrast.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant