Skip to content

fix(a11y): skip link, labelled nav, table scope and 320px reflow on the website - #192

Merged
JustMaris merged 1 commit into
mainfrom
fix/a11y-website
Oct 17, 2026
Merged

JustMaris merged 1 commit into
mainfrom
fix/a11y-website

Conversation

@JustMaris

Copy link
Copy Markdown
Member

From the keyboard/reflow probe on the website:

  • Skip-to-content link, focusable <main id=main>, labelled main nav.
  • Broker directory: scope=col on headers; the table scrolls inside a labelled, focusable region instead of the page (it overflowed 375px at 320px width); the Guides-only checkbox is a 24px target.
  • Docs: images no longer overflow (the new Automation screenshot was 2560px wide on a phone), long inline code wraps, code blocks and wide tables scroll in their own box. Every page checked now has zero horizontal overflow at 320px.
  • Adds scripts/a11y/probe.mjs (tab stops, focus rings, mouse-only controls, skip link, small targets, reflow). Informational, not in CI.

axe scan: no violations. Left alone: markdown-generated docs tables have th without scope (axe accepts them; Hugo has no table render hook), and the web UI's small checkboxes and some 20px text links, which are web UI scope.

@JustMaris
JustMaris merged commit 8bfebd5 into main Oct 17, 2026
16 checks passed
@JustMaris
JustMaris deleted the fix/a11y-website branch October 17, 2026 16:07
@dnb-robot dnb-robot Bot mentioned this pull request Oct 17, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant