← All articles
Product design••4 min read

An accessibility checklist for a better product launch

A practical design and development checklist for making websites and apps easier to use with keyboards, screen readers and mobile devices.

L7EditorialLEVEL7 Interactive
Digital interface layout with layered components

Start with the user journey

Choose the most important tasks on your site: finding a service, sending an enquiry, creating an account or completing a purchase. Walk through each task with a keyboard only. Every control should receive a visible focus indicator, work in a sensible order and have a clear name.

Write headings that describe the page structure. Use one main heading and descriptive subheadings so people can scan the content and assistive technology can navigate it.

Make meaning visible and audible

Use sufficient text contrast and avoid relying on colour alone to explain status. Give informative images useful alternative text; leave decorative images empty. Label form fields directly, explain errors in words and place feedback close to the relevant control.

Test what you built

Automated checks are useful for catching missing labels and some contrast problems, but they cannot tell you whether a flow makes sense. Test on a narrow screen, with increased text size and with a screen reader. Ask someone unfamiliar with the product to complete the key journey and record where they get stuck.

Keep accessibility in the release checklist. A small design change can quietly remove a focus state or make a dialog impossible to close from the keyboard.