Scroll area

Keyboard

Focus the scroll region and use the browser's scrolling keys, such as the arrow keys. Press Tab to reach controls inside and then leave the region.

Semantics

Name the scroll region through viewportProps. Check that keyboard scrolling works and zooming does not hide content.

Checklist

• Name the scroll region and make it and its controls reachable with the keyboard.
• Check keyboard scrolling in vertical, horizontal and concurrently (both directions) modes. All hidden content must be reachable.
• Tab must leave the scroll region. Check that zooming does not clip content or focus indicators.

For contrast, zoom and screen reader checks, see the common accessibility checklist.