Files
astro-website/openspec/changes/archive/2026-02-10-lighthouse-fixes/specs/wcag-responsive-ui/spec.md
2026-02-10 22:37:29 -05:00

22 lines
795 B
Markdown

## ADDED Requirements
### Requirement: Interactive elements use correct semantics
Interactive elements MUST use correct semantic elements:
- Navigation MUST use anchors (`<a>`) with valid `href`.
- Actions that do not navigate MUST use `<button>`.
The site MUST NOT render anchor elements that lack an `href` attribute.
#### Scenario: Modal triggers are buttons
- **WHEN** a content card opens the media modal
- **THEN** the card is a `<button>` element and is keyboard operable
#### Scenario: Navigation CTAs are anchors
- **WHEN** a user sees a CTA that navigates to another page
- **THEN** the CTA is an `<a>` element with a valid `href`
#### Scenario: No non-crawlable anchors exist
- **WHEN** a crawler inspects the rendered HTML
- **THEN** there are no `<a>` elements without `href`