• Success Criterion 2.1.2
  • Conformance level A

Fullscreen Video Player Trapping Focus in Hidden Controls

2.1.2 — No Keyboard Trap

Scenario

Setting

An online marketplace's seller dashboard

What’s wrong

Video players in fullscreen where Esc exits fullscreen but focus remains trapped in hidden controls.

Example

// modal traps Tab inside with no Escape handler

Why it matters

All keyboard and screen-reader users who can become stuck inside a component.

How to test

Enter fullscreen video, then Tab: if Esc exits fullscreen but focus remains trapped in now-hidden player controls, it fails.

How to fix

Focus must always be able to leave the component using Tab/Shift+Tab or Esc (or a standard method the user is told about). document.addEventListener('keydown', e => { if (e.key === 'Escape') closeModal(); }); Any component that captures focus needs a standard way out — Escape, or focus cycling back to a close control.

Outcome

On an online marketplace's seller dashboard, this barrier is gone for all keyboard and screen-reader users who can become stuck inside a component — they no longer have to work around this.

Who is affected

All keyboard and screen-reader users who can become stuck inside a component.

Learn more