• Success Criterion 2.5.8
  • Conformance level AA

Inline-Text Target-Size Exemption Applied Where It Doesn’t Belong

2.5.8 — Target Size (Minimum)

Scenario

Setting

A food delivery app's restaurant menu

What’s wrong

"Inline" exemption misapplied to controls that aren't actually within a sentence/text block.

Example 

.qty-btn { display: inline; width: 18px; height: 18px; }
/* dev note: "inline elements are exempt from 2.5.8, leaving as-is" */

Why it matters

A customer adjusting how many burgers to order taps the tiny plus button, and it registers as tapping the item name instead.

How to test

Check whether the 'inline' exemption is being claimed for a control that isn't actually within a sentence or block of running text: misapplied exemption fails.

How to fix

The inline exemption only covers targets sitting within a run of text, like a link mid-sentence, not standalone buttons next to content.

.qty-btn { display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 24px; }

Outcome

A customer taps plus twice and the order shows exactly two burgers, with no misfires.

Who is affected

People with limited fine motor control and touchscreen users trying to adjust quantities quickly.

Learn more

Related scenarios