Accessible Design Is Better Design: Seven Fixes That Help Everyone

Accessibility is often treated as a final-stage audit: something a specialist checks before launch, producing a list of fixes nobody budgeted for. That approach is expensive, and it misses the point.

Most accessibility improvements make products better for everyone. Captions help people watching in noisy places. Good contrast helps people using phones in sunlight. Keyboard support helps power users. Clear language helps people in a hurry. Here are seven fixes that pay off across the board.

1. Contrast you can actually read

Light grey text on white looks elegant in a design file and is hard to read on a real screen, in real light, for real eyes.

• Aim for a contrast ratio of at least 4.5:1 for body text and 3:1 for large text and interface elements, in line with WCAG guidelines.
• Check placeholder text, disabled states and text over images — they're the usual offenders.
• Use a contrast checker in your design tool so it's part of the workflow, not an afterthought.

2. Focus states that are obvious

Many people navigate with a keyboard: people with motor impairments, screen reader users, and plenty of power users. They need to see where they are.

Never remove focus outlines without replacing them with something at least as visible. A clear, consistent focus style — a thick outline in a brand colour works well — should be part of your design system.

3. Labels that stay visible

Forms that use placeholder text as the only label look clean until you start typing — then the label disappears. People forget what a field was for, especially in long forms.

Keep visible labels above fields. Use placeholders only for examples of format, if at all.

4. Touch targets big enough for thumbs

Small tap targets frustrate everyone on mobile and exclude people with limited dexterity. Make interactive elements at least 44 by 44 pixels, with enough space between them that a near miss doesn't trigger the wrong action.

5. Don't rely on colour alone

If an error is shown only by turning a field red, people with colour vision deficiencies may miss it — as will anyone glancing quickly.

Pair colour with another signal: an icon, a text message, a pattern or a change in weight. "Email address is missing an @" beside the field is better for everyone than a red border.

6. Meaningful structure

Screen reader users often navigate by headings, jumping from section to section the way sighted users scan. That only works if headings reflect the actual structure of the page.

• One H1 per page, then H2s for sections, H3s within them.
• Choose heading levels for structure, not for size — style them however you like.
• Use real buttons for actions and real links for navigation, not styled divs.

The bonus: well-structured pages are easier for search engines and AI systems to understand, too.

7. Respect motion preferences

Parallax effects, auto-playing carousels and large animations can cause discomfort or nausea for people with vestibular disorders.

• Respect the operating system's reduced motion setting: tone down or remove non-essential animation when it's turned on.
• Never auto-play video with sound.
• Give carousels and auto-advancing content a pause control.

Building it into the process

The cheapest time to fix accessibility is before anything is built:

• In design: check contrast, define focus states, annotate heading levels and labels.
• In development: use semantic HTML first; add ARIA only when native elements can't do the job.
• In review: try every new feature with only a keyboard, and run an automated checker.
• In research: include people with disabilities in usability testing.

Automated tools catch only some issues, so pair them with manual checks. But you don't need to be an expert to start — these seven fixes cover a large share of the problems found in typical audits.

The bigger picture

Many people live with some form of disability, and everyone experiences situational limits — a broken arm, a bright screen, a crying baby in one arm. Designing for the edges makes the middle better. Accessible products are simply clearer, sturdier and easier to use.