WCAG 2.1.1, 2.1.2, 2.4.3, 2.4.7 — Keyboard operability and focus management.
Focus enters this text area and cannot leave via keyboard alone. The Tab key is captured by JavaScript and focus is forced back into the element. (Press Escape to override and release focus in this demo.)
This div has an onClick handler but no tabIndex, no role, and no onKeyDown handler. Keyboard users cannot activate this interactive element.
These interactive elements have outline:none and no replacement focus style. Keyboard users cannot see which element currently has focus.
These fields use positive tabindex values (5, 3, 1) which override the natural DOM order. The focus order becomes unpredictable and confusing.
