v132 · dom

Keyboard-focusable scroll containers

Improves accessibility by making scroll containers focusable using sequential focus navigation. Today, the tab key doesn't focus scrollers unless tabIndex is explicitly set to 0 or more.

concepts

  1. Keyboard-focusable scrollers

    Scroll containers are now keyboard-focusable by default. Long-overdue accessibility fix for arrow-key navigation.

  2. opt-out matrix

    Six containers, six rules — tab through them and see exactly which get focus and why.

  3. tab trace

    Four side-by-side scrollers with different focus configurations. Tab through them and the log records every focus event.

  4. screen reader experience

    Three real-world pages — docs code block, T&Cs modal, chat history — with the simulated screen-reader transcript before and after.

why it shipped

Improves accessibility by making scroll containers focusable using sequential focus navigation. Today, the tab key doesn't focus scrollers unless tabIndex is explicitly set to 0 or more.

references