Success Criterion 1.4.4
Conformance level AA

JavaScript Text Truncation That Deletes Content on Zoom

1.4.4 — Resize Text

Scenario

Setting

A job board's application form

What’s wrong

JS that measures text and truncates with ellipsis based on pixel budgets (content lost, no expansion).

Example

Here's what happens on a job board's application form: JS that measures text and truncates with ellipsis based on pixel budgets (content lost, no expansion).

Why it matters

Low-vision people who enlarge text instead of using a screen reader. Here, on a job board's application form, the result is they can't read the text against its background.

How to test

Set zoom to 200% and check any auto-truncating text (ellipsis): if JS measures pixel width and cuts content that was previously visible, it fails.

How to fix

At 200% text size/zoom, all content and controls must remain visible, readable, and usable — nothing clipped, overlapped, or lost.

Outcome

After the fix, the same visitor to a job board's application form can now read the text clearly against its background.

Who is affected

Low-vision people who enlarge text instead of using a screen reader.

Learn more

Understanding Understanding document (opens in a new tab)