• Success Criterion 2.4.4
  • Conformance level A

Link’s Explanatory Text Separated by an Unrelated Ad or Insert

2.4.4 — Link Purpose (In Context)

Scenario

Setting

A language-learning app's lesson screen

What’s wrong

Teaser links where context paragraph is *after* an unrelated ad/insert breaking programmatic association.

Example

This shows up on a language-learning app's lesson screen: teaser links where context paragraph is *after* an unrelated ad/insert breaking programmatic association.

Why it matters

People who browse by links list or voice commands and need unambiguous link purposes. Here, on a language-learning app's lesson screen, the result is they can't tell what's going on without extra effort.

How to test

Check whether the explanatory paragraph for a teaser link sits after an unrelated ad/insert in the DOM: if so, the programmatic association is broken and it fails.

How to fix

The link's purpose must be clear from its accessible name (or name plus immediate programmatic context), and unique among links going to different destinations.

Outcome

After the fix, the same visitor to a language-learning app's lesson screen can now navigate the content in a sensible order.

Who is affected

People who browse by links list or voice commands and need unambiguous link purposes.

Learn more

Related scenarios