a11y: Skip navigation link #75

New Issue

Open

opened 2026-05-26 16:49:36 +00:00 by jmiller · 1 comment

jmiller commented

2026-05-26 16:49:36 +00:00

Owner

Add a hidden "Skip to main content" link that appears on keyboard focus. Essential for screen reader and keyboard-only users.

Implementation: Hidden anchor before nav, visible on :focus, jumps to #main content area.

WCAG 2.1 AA: 2.4.1 Bypass Blocks

Add a hidden "Skip to main content" link that appears on keyboard focus. Essential for screen reader and keyboard-only users. Implementation: Hidden anchor before nav, visible on :focus, jumps to #main content area. WCAG 2.1 AA: 2.4.1 Bypass Blocks

jmiller commented

2026-07-16 17:11:58 +00:00

Author

Owner

❌ Not implemented — tested on suite.dev (2026-07-16). No skip-navigation link is present: there is no "Skip to content" anchor targeting #main/the <main> landmark, and the first focusable element on the page is a social icon in the top bar. Needs a visually-hidden skip link as the first focusable element, revealed on :focus, linking to the main content landmark. WCAG 2.4.1 (Bypass Blocks). Leaving open.

❌ Not implemented — tested on suite.dev (2026-07-16). No skip-navigation link is present: there is no "Skip to content" anchor targeting `#main`/the `<main>` landmark, and the first focusable element on the page is a social icon in the top bar. Needs a visually-hidden skip link as the **first** focusable element, revealed on `:focus`, linking to the main content landmark. WCAG 2.4.1 (Bypass Blocks). Leaving open.

Priority Medium

Type Task

1 Participants

Notifications

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: MokoConsulting/MokoOnyx#75