Skip to main content

Scroll Mode

Scroll Mode moves focus directly among scrollable regions within the viewport.

How to Use Scroll Mode​

First, initialize OpenKeyNav on the page.

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

Press S to focus the next scrollable region within the viewport. Press Shift + S to focus the previous region.

Each command places the next or previous scrollable region within immediate keyboard reach.

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.