Focus treatment, WCAG 2.1 - Guideline 1.4.11 Non-text Contrast
Open
Accessibility
area: many
material spec
P3
- Dominant language
- TypeScript
- Stars
- 25k
- Forks
- 6.8k
- Avg merge
- 1d 8h
- Merged PRs (30d)
- 91
Description
The borders for inputs (text, select, checkbox and radio) do not meet the new contrast standards for non-text elements for WCAG 2.1. Changing the opacity to .43 achieves the 3:1 contrast ratio required.
Contributor guide
Research direction
Start by locating the Angular Material styles and tests for input, select, checkbox, and radio borders. Compare their non-text contrast against WCAG 2.1's 3:1 requirement, then verify that the affected components meet the requirement without regressing their existing focus treatment.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- angular, typescript
- Domain
- accessibility, frontend
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 45/100