← Aditus home AAI Accessibility Test Lab Visit AAI

DELIBERATELY BROKEN

Accessibility Test Lab

The examples below intentionally contain accessibility defects for testing, education and demonstration.

We deliberately avoid flashing content and inescapable keyboard traps.

Images

Meaningful image with no alternative text:

Meaningful image incorrectly presented as decorative:

Colour and contrast

This text deliberately has very poor colour contrast.

The field below uses colour alone to indicate an error.

Keyboard focus

Focus indicators are deliberately removed in this panel.

Focusable link

Positive tabindex

Heading structure

The next heading deliberately jumps several levels.

Unexpected level-five heading
This looks like a heading but is only a div

Links

For more information about AAI click here .

Identical vague text pointing to different destinations:

Read more   Read more

Empty link:

Focusable link hidden from assistive technology:

Custom controls

Show important information

Show hidden details

Forms

Required
Date of birth

Lists

This looks like a list but contains no list semantics:

• Accessibility auditing
• Developer remediation
• Manual testing

Data table

Service Status Response time
Accessibility review Available 2 days
Developer support Available 1 day

Small pointer target

Select this deliberately tiny control: x

Language of parts

The following sentence is French but contains no language-of-part declaration:

Bienvenue sur notre site de démonstration d’accessibilité.

Embedded content

The iframe below deliberately has no title.

Status messages

Dialog behaviour

Reflow and zoom

This box deliberately refuses to fit narrow viewports.

This demonstration region has a fixed width of 980 pixels.

This deliberately unbreakable line of ordinary content refuses to wrap naturally when the viewport becomes narrow or magnification is increased.

Accessible name mismatch

ARIA relationships

First description.

Second duplicate description.

Content clipping

Important information appears in this region, but the region has a deliberately fixed height and clips content when text spacing or font sizing changes. Additional essential words continue beyond the visible portion.

Drag-only interaction

This control can only be moved using pointer dragging. There is deliberately no simple click or keyboard alternative.

Position: 0

Unlabelled region

This region has a region role but no accessible name.

Invalid button semantics

Custom ARIA button without keyboard support

Orientation assumptions

Instructions deliberately rely on visual position: select the purple control on the right.

Finished breaking things?

Compare your findings with the public expected-test manifest, then see how AAI manages evidence, remediation and verification.

View expected tests Discover AAI