Altinn / Altinn/app-frontend-react

WCAG violations in Cypress testing

Open
#1,268 0 comments 0 reactions 0 assignees View on GitHub
area/accessibility good-first-issue kind/bug status/for-consideration up-for-grabs
Dominant language
TypeScript
Stars
21
Forks
33
Avg merge
6d 23h
Merged PRs (30d)
3

Description

### Description of the bug

After #1267, there are now multiple known WCAG violations, all noted down in `test/e2e/support/custom.ts`. When these get fixes, they should be removed from the list, and at some point we can set `skipFailures = false` again.

### Steps To Reproduce

1. Try setting `skipFailures = true` in `custom.ts`, or comment out the entry for each known violation
2. Watch all the tests mentioned in the list of known violations fail

### Additional Information

If you comment out entries in `knownWcagViolations` and run each test, you'll get a link to a help page where you can investigate what needs to be done to fix the problem. Also, if you click on the error in the Cypress log, you can inspect which nodes/elements were found to be in violation.

Contributor guide

Open the contributing guide

Research direction

Start with test/e2e/support/custom.ts and the knownWcagViolations list. Comment out each entry, run the corresponding Cypress test, and use its help-page link and Cypress log to inspect the violating elements. Done means fixing the violations, removing their entries, and eventually restoring skipFailures = false.

Written by the indexing model from the issue text.

Assessment

Tech stack
cypress, typescript
Domain
accessibility, frontend, testing
Issue type
Bug
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.