Heading Navigation

Heading Navigation moves focus directly among headings within the viewport.

How to Use Heading Navigation

First, initialize OpenKeyNav on the page.

const openKeyNav = new OpenKeyNav();
openKeyNav.init();

Press H to focus the next heading within the viewport. Press Shift + H to focus the previous heading.

Navigate Through Specific Heading Levels

Press 1, 2, 3, 4, 5, or 6 to navigate through the corresponding heading level (<h1> through <h6>).

info

Turn OpenKeyNav on

After the page loads, press Shift + O to turn OpenKeyNav on or off. OpenKeyNav keeps its character commands inactive until a user enables them. This persistent on/off mechanism supports the turn-off option in WCAG 2.1 Success Criterion 2.1.4: Character Key Shortcuts.