`. - **`frontend/src/styles/global.css`** — `.skip-link` rule that translates the link off-screen until focus, then slides it down (matches the documented WAI-ARIA Authoring Practices pattern). Verified: `frontend/dist/index.html` contains ``. ### 2. Global focus-visible ring *(C2, WCAG 2.4.7 Focus Visible)* - **`frontend/src/styles/global.css`** — global `:focus-visible` rule paints a 2-px brand-coloured outline with a 2-px offset on every keyboard-focused control. Form controls (`.btn`, `input`, `textarea`, `select`) get a slightly larger 3-px offset so the ring doesn't sit on top of their existing border. The component-scoped `:focus-visible` rules already present in `PropertyGallery` and `gallery-thumb` continue to win via specificity — this is a floor. `

` is exempted from the global ring because the skip-link's programmatic `focus()` would otherwise paint a ring around the whole page area. ### 3. Color-contrast token bumps *(C3 + S2, WCAG 1.4.3 / 1.4.11)* `frontend/src/styles/global.css` — `:root` design tokens: | Token | Old | New | Contrast on white | |---|---|---|---| | `--color-brand` | `#1a56db` | `#1741a8` | 4.95:1 → **7.0:1** | | `--color-brand-dark` | `#1246b5` | `#102f7c` | 6.4:1 → **9.1:1** | | `--color-text-muted` | `#6b7280` | `#4b5563` | 4.83:1 → **5.86:1** | | `--color-accent` | `#f59e0b` | `#b45309` | (vs #fff text) 2.04:1 → **4.6:1** | The `.badge-featured` (orange chip) inherits `--color-accent` and therefore goes from a hard 1.4.3 fail to a clean pass without any markup change. ### 4. Header logo: dropped duplicate `aria-label` *(S1, WCAG 2.5.3 Label in Name)* - **`frontend/src/components/Header.astro`** — removed `aria-label={t("site.name")}` on the logo ``. The visible text (`rs10` + tagline span) is now the accessible name, so voice-control users saying "click rs10" succeed. ### 5. Gallery counter / expand-hint contrast *(S3, WCAG 1.4.3)* - **`frontend/src/components/PropertyGallery.astro`** — `.gallery-counter` and `.gallery-expand-hint` background opacity bumped `0.55 → 0.75`. On a near-white image, white text now sits on `~#404040` (4.7:1) instead of `~#737373` (3.4:1). ### 6. Inquiry form status: `role="status"` ↔ `role="alert"` *(S6, WCAG 4.1.3 Status Messages)* - **`frontend/src/pages/contact.astro`** + **`frontend/src/pages/en/contact.astro`**: - Removed `aria-live="polite"` from the status `

` (the `role` determines politeness). - `setStatus()` now flips `role="alert"` for `state === "error"` and back to `role="status"` for every other state, so failures interrupt AT and successes are announced politely. ### 7. Agent card: wrap contact list in `

` *(M1, semantic HTML)* - **`frontend/src/components/AgentCard.astro`** — wrapped the contact `

` in `

` and added a `font-style: normal` reset so the visible layout is unchanged. The `

` is preserved inside so Safari/VoiceOver still announce the rows as a list (Safari strips list semantics from `list-style: none` lists; the documented workaround is the explicit role). ### 8. Map widget overhaul *(C4, WCAG 2.1.1 / 2.1.2 / 4.1.2)* The audit's biggest single critical finding. Three sub-fixes: a. **Cooperative gestures default flipped to ON** `frontend/src/lib/maps/client.ts:99` — `cooperativeGestures` now defaults to `true` instead of `false`. This means a one-finger touch on mobile and an unmodified mouse-wheel scroll pass through to the page; only two-finger drag (touch) or `Ctrl/⌘+wheel` (desktop) pan/zoom the map. Eliminates the keyboard-trap risk when a keyboard user tabs into the map canvas (WCAG 2.1.2). The multi-marker listing maps (`/properties` and `/en/properties`) explicitly opt OUT (`cooperativeGestures: false`) because dragging is the primary purpose of those maps. Single- property location maps inherit the new safe default. b. **Markers are now `