WhatSock : Changing the world one step at a time AccDC Technical Style Guide

Scrollable Div Popup External Content

The popup scrollable div is optimized for screen reader and keyboard only users:

  • Activate the Show button to open the popup. The content will be inserted inline with the triggering element, and focus will automatically move to the scrollable div.
  • Press Up/ Down/ Left/ Right to navigate in 30% increments.
  • Press PageUp/PageDown to navigate by 90% increments.
  • Press Home/End to navigate to the beginning or end of the scrollable content.
  • Tab to set focus to the Close link and press Enter to close the popup, or press Escape to close the popup directly.
  • When closed, focus will move back to the triggering element.