## 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`