INCLUSIVE INTERACTION · GUIDE 27/50 · FREE REFERENCE

Keep text readable at zoom

The problem

Fixed-width layouts often clip instructions when browser text is enlarged.

Practical procedure

Use fluid widths, wrapping buttons and responsive grids instead of absolute positioning for critical text.

Worked scenario

At 200% zoom, the move counter and hint button should remain reachable without hidden content.

Acceptance check

Test narrow viewport plus zoom and confirm there is no horizontal scroll for primary tasks.

Apply the method

Use the related interactive tool to try the concept on an inspectable example. Record the starting assumptions and expected result before changing settings, then compare what the tool actually does. Where the result differs, keep the release marked experimental and document the discrepancy.

Further reading: Relevant primary technical documentation. This guide is an educational procedure, not a substitute for independent usability or compliance review.