Neon Accessibility Lab

LEWCA ADVERSARIAL iter39 V5 — ARIA misuse

V5 — ARIA misuse

role=button on a div with NO tabindex (not keyboard-reachable):

Click me (broken)

aria-hidden=true containing a focusable child (focus disappears into hidden zone):

Conflicting aria-label AND aria-labelledby on the same element:

Visible label text

Invalid ARIA role:

Misspelled role

aria-describedby pointing at a missing id:

aria-expanded on a non-interactive element:

role=link on a div with no tabindex and no key handler:

Fake link

aria-required=true on an input that has NO label at all:

aria-checked on an element with role=button (mismatched state for the role):

Toggle

Empty landmark region (no accessible name):

Multiple main landmarks:

Main one

Main two

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