lighthouse fixes

openspec/changes/archive/2026-02-10-lighthouse-fixes/specs/wcag-responsive-ui/spec.md

@@ -0,0 +1,21 @@
+## 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`