DMfirst / Journal
Accessible browsingDMfirst-owned · Edition 119

Check a reading page with keyboard navigation and zoom

A short accessibility review can reveal missing focus, clipped controls and confusing labels. Test a real reading task and describe observed barriers without claiming that a few checks establish full accessibility conformance.

Read the full guide

Two people using game controllers in front of a screen
A clearer view of digital life.Editorial image

Inside this edition

One topic. 6 useful perspectives.

6 sections

01

Choose a meaningful task to test

Start with an ordinary task such as opening a guide, searching for a topic and following a contents link. A page can look attractive in a screenshot while making that task difficult with a keyboard or enlarged text. Define the expected path before testing so that you can describe where the barrier occurs instead of collecting unrelated visual impressions.

Choose a meaningful task to test
02

Follow the keyboard focus through the page

Use the keyboard to move between links and controls. Check that the focused element is visible and that its position follows a sensible sequence. A focus indicator should remain distinguishable from the surrounding design. If you cannot tell which control will activate, record that as a concrete problem rather than assuming the next press will do what you intended.

Follow the keyboard focus through the page
03

Check headings and link descriptions

A page's headings should describe its structure, not merely provide large decorative text. A clear main heading and meaningful section headings help readers understand where they are. Link text should give enough context to identify the destination or action. Several unrelated links all labeled click here can make a page harder to navigate outside its visual layout.

Check headings and link descriptions
04

Enlarge text and inspect the layout

Increase browser zoom or use supported text-size settings and repeat the reading task. Check whether text remains readable, whether controls overlap and whether essential information is clipped. A layout that merely avoids horizontal scrolling can still contain tiny labels or an obscured button. Inspect the actual content and interactions, not only the page's outer width.

Enlarge text and inspect the layout
05

Test form labels and feedback

A search field should have a meaningful label that remains understandable after text is entered. Placeholder text can disappear during use, so it is not a complete substitute for a label. Check that selecting a label focuses the expected control where that behavior applies. For a filter, verify that the resulting content changes and that a no-results state explains what happened.

Test form labels and feedback
06

Report barriers with scope and evidence

Write a short report containing the page URL, task, environment, steps and observed result. State what you expected in practical terms: a visible focus indicator, a readable label or access to a control after zooming. Include a screenshot when it helps, but remove personal information. A reproducible issue gives the site owner a clear starting point for a fix.

Report barriers with scope and evidence

Make the reading useful.

Take a moment to check your understanding. This is a reflection aid, not a certification or account check.

Progress is saved only in this browser. No account is created.

0 of 3 complete