Neon Accessibility Lab

LEWCA ADVERSARIAL iter39 V9 — Dynamic content and focus traps

V9 — Dynamic content and focus traps

javascript:void(0) link with onclick (not keyboard-friendly link semantics):

Open modal

Modal that opens but has no keyboard escape and no focus management:

Anchor with no href (not focusable):

Click here (no href)

Span pretending to be a button:

Fake span-button

Skip link target missing:

Skip to content

(No element with id=main-content exists in this post.)

tabindex out of natural order:



Negative tabindex hiding a button from sequence:

Outline:none on a focusable button (no visible focus indicator):

Auto-redirect via meta-refresh (simulated; just author the tag pattern in body text):

<meta http-equiv=”refresh” content=”3;url=other.html”> would be a violation if in head.

Onclick on a div with no role and no key handler:

Divisible click target

Auto-focusing input on page load (steals focus):

Font Size Control

50%100%150%180%

Page Structure

Letter Spacing

Word Spacing

Paragraph Spacing

Line Height

Text Alignment

Content Scaling

50%100%150%200%

Read Aloud

0.5x1.0x1.5x2.0x
LowNormalHigh
2070120200

How to use:

  • Tap any text to read it aloud
  • Highlight text to read it aloud
  • Adjust speed and text context with sliders
  • Adjust reading speed with slider

Color Controls

Background Colors
Text Colors

Color Blind Filters

Advanced Contrast

Page Translation

Current Language: English

Translation powered by LEWCA

Site Links