lighthouse fixes
This commit is contained in:
@@ -24,6 +24,23 @@ Themes MUST be applied by setting a `data-theme` attribute on the root document
|
||||
- **WHEN** `data-theme="high-contrast"` is set on `<html>`
|
||||
- **THEN** the site uses a high-contrast palette with a clearly visible focus ring and high-contrast borders
|
||||
|
||||
### Requirement: Theme tokens meet contrast intent
|
||||
For each supported theme (`dark`, `light`, `high-contrast`), the theme token pairs used for primary text and primary surfaces MUST meet WCAG 2.2 AA contrast intent.
|
||||
|
||||
At minimum:
|
||||
|
||||
- primary body text on the primary background MUST be high-contrast
|
||||
- link text on the primary background MUST be distinguishable and meet contrast intent
|
||||
- secondary labels on the primary background MUST remain readable
|
||||
|
||||
#### Scenario: Dark theme text is readable
|
||||
- **WHEN** `data-theme="dark"` is active
|
||||
- **THEN** primary text remains readable against primary surfaces without low-contrast combinations
|
||||
|
||||
#### Scenario: Dark theme links are readable
|
||||
- **WHEN** `data-theme="dark"` is active
|
||||
- **THEN** links in common surfaces are readable against their background
|
||||
|
||||
### Requirement: Theme persistence
|
||||
The site MUST persist the user's theme selection so it is retained across page loads and navigations.
|
||||
|
||||
|
||||
Reference in New Issue
Block a user