# Changelog v0.5.8 - 2026-06-02

### Added
- **Lighthouse Accessibility score: 96** (target ≥ 95). Web Dashboard passes comprehensive a11y audit.
- **Global `:focus-visible` outlines** — All interactive elements show a visible focus ring for keyboard users. Mouse clicks don't trigger the ring.
- **Mobile hamburger navigation** — At viewports ≤ 768px, primary nav buttons collapse into a hamburger menu that opens a full-width dropdown. Never a left sidebar.
- **`aria-label` audit** — All header buttons (benchmark, theme, export, command palette, kebab menu) now have descriptive `aria-label` attributes for screen readers.
- **`<main>` landmark** — Dashboard view now uses a `<main>` element for proper HTML5 document structure.
- **Select element labels** — Visibility and Provider `<select>` elements now have `htmlFor`/`id` linkage and `aria-label` attributes.

### Changed
- **Color contrast improvements** — Version badge uses `--color-text-muted` instead of `--color-text-dim`. Model ID text in the table uses `--color-text-muted`. Dark-theme B+/B/C tier badge colors brightened for WCAG compliance.
- **Benchmark button `aria-label`** matches visible text to avoid label-content-name-mismatch.
- **Header overflow menu** closes on Esc when mobile nav is open.
- **README** updated from "M3 parity" to "M4 parity" with Router Dashboard, Token Usage, Installed Models, and Install Endpoints documented. M5 roadmap listed.
- **Changelog** — `changelog/v0.5.7.md` updated to cover both M4 and M5 changes.
- **Plan tracker** — `ideas/tui-web-feature-parity.md` updated: all 5 milestones marked DONE.

### Fixed
- Lighthouse `landmark-one-main` — Added `<main>` element.
- Lighthouse `select-name` — Linked labels to selects via `htmlFor`/`id`.
- Lighthouse `label-content-name-mismatch` — Fixed benchmark button accessible name.
- Lighthouse `color-contrast` — Brightened low-contrast text in version badge, model IDs, and tier badges.