Skip to content
pixelskit
Back to the universe
← All field notes
ArticleWeb3 min read

Accessibility is not a feature. It is the floor.

Keyboard paths, readable content and motion choices belong in the first design decisions.

Accessible routes toward an open doorway beside a tactile keyboard

AI-generated editorial illustration · Pixelskit

Start with the person trying to use the page

A website can be technically available and still place barriers in somebody’s way. A customer may use a keyboard, enlarge text, rely on a screen reader or prefer less movement. Their task is the same as anyone else’s: find the information and complete the action.

The W3C Web Accessibility Initiative describes accessibility in terms of people being able to perceive, understand, navigate and interact with the web. For a business, that is a useful starting point. It moves the discussion from an extra feature at the end of a project to the quality of the experience itself.

Make the route work without a mouse

Try moving through the important page using a keyboard. You should be able to identify the current focus, reach the controls in a sensible order and leave a menu or dialog without becoming trapped. A decorative effect should not hide the action somebody is trying to take.

This is especially useful when reviewing custom navigation. A beautiful menu that works only through hover is incomplete. Build the keyboard behaviour alongside the visual design, then test the actual sequence a visitor will follow.

Give the content a clear structure

A heading should describe the section that follows it. A link should make sense when someone encounters it away from the surrounding paragraph. Form fields need persistent labels, and errors need an explanation that helps the visitor recover.

These details also improve ordinary reading. A page with a clear hierarchy is easier to scan, and a form that explains a problem is less frustrating. The design still has room for character; the structure gives that character a dependable foundation.

Describe the purpose of an image

Alternative text depends on what an image contributes in its context. An informative photograph may need a short description. A decorative flourish should not add unnecessary noise to a screen reader. A graphic containing essential information needs an equivalent that does not rely on seeing the graphic alone.

That decision belongs in the content workflow. When an editor chooses a cover or uploads a new diagram, the useful question is what the reader would miss if the image were unavailable. Do not fill every field with a filename or the same generic description.

Respect different ways of viewing

Check that important content remains understandable when text grows and the viewport narrows. Avoid using colour as the only signal for a decision or error. For video, plan captions and any other information needed to understand the content without depending on a single sense.

Motion deserves the same care. Honour reduced-motion preferences, provide control over longer animation and preserve a readable route when an enhancement cannot run. An immersive experience can still offer a calm path through its information.

Build a repeatable review

Automated tools can find some issues, but they do not replace checking a complete journey. Choose a few representative tasks, review them with different inputs and keep the findings specific. “The form error is not announced” is actionable. “Make the page accessible” is too vague to guide a fix.

Accessibility is ongoing work because websites change. Include it when adding articles, changing navigation and introducing new forms, rather than treating an earlier audit as a permanent certificate for everything that comes later.

Start a conversation

Have a project in mind? Talk to a human.

Tell us what you are working on.

Talk to a human

Occasional news

New notes, now and then.

Ideas on AI, the web and social media, sent occasionally. Confirm your email to join. You can unsubscribe whenever you like.