Inclusive Website Design: Practical Steps for Teams

Flatlay of Mobile phones showing Gastro Warrior inclusive website design

Every website is designed for somebody specific. So make it an inclusive website design.

Usually somebody resembling the people who built it: same devices, same connection speed, same reading habits, same assumptions about how forms work.

That is not a moral failing; it is the default. Teams design for what they can imagine, and imagination follows experience.

Inclusive website design is the practice of deliberately widening that. Not as a values statement, but as a working method that produces a site more people can use.

Inclusive Website Design: Practical Steps for Teams

Start with who is missing from the room

Before any inclusive website design decision, list who your site needs to work for and be honest about who is not represented in the team making it.

Someone using a screen reader. Someone with a motor impairment using a keyboard or switch device. Someone with dyslexia. Someone whose first language is not English. Someone on a four-year-old phone with a limited data plan. Someone in a hurry, in bright sunlight, one-handed.

Most of these are ordinary conditions rather than edge cases, and most teams have none of them in the room.

Research with people who are not like you

Five sessions watching real people attempt a real task will surface most significant problems. The question is who those five are.

Recruiting five people who resemble the team confirms what the team already believes. Deliberately including people who use assistive technology, or who are older, or who have low digital confidence, produces different findings.

You do not need a research budget for this. Existing customers, community organisations and local groups are all reachable, and people are frequently willing when asked directly.

Watch and stay quiet. The instinct to help is strong and it destroys the data.

Imagery that does not tell people they are elsewhere

  • Photography carries a message about who a service is for, whether or not anybody intended one.
  • If every image shows the same age, ability and background, visitors outside that range receive a signal. It is quiet, and it is effective.
  • Use real photographs of your actual team, customers and work where you can. Stock imagery is generic precisely when you need to seem specific, and it tends to be narrower in representation than reality.
  • Write alternative text describing what the image conveys in context. Leave it empty for purely decorative images so screen readers skip them.

Inclusive language that does not assume

  • Write in plain terms (inclusive language). Complex sentences exclude people with cognitive differences, people reading in a second language, and everybody reading quickly.
  • Avoid idioms where a direct phrase works, since idioms are exactly what translates badly and what unfamiliar readers stumble on.
  • Do not assume circumstances. Forms demanding a title, or a company name, or an address in a shape that only fits some households, exclude people at the point of contact.
  • Give a reading-level target rather than an instruction to keep things simple. Targets change behaviour; adjectives do not.

Inclusive Website Design for neurodivergence

  • Predictable layouts help people with cognitive differences and everybody under pressure.
  • Keep navigation consistent between pages. Avoid content that moves without being asked. Respect the reduced-motion preference. Provide clear progress indication in anything multi-step.
  • Do not rely on a single sense or modality. Colour needs a second signal, audio needs text, motion needs a static alternative.

Work towards WCAG 2.1 Level AA as the technical floor, and treat it as a floor rather than a finish line, since conformance does not guarantee somebody can complete a task.

hand drawn website wireframe

Connection and device are inclusion questions too

Somebody on a limited data plan pays for your unused code in money. Somebody on older hardware waits longer because processing takes longer.

Where performance and environmental impact both apply, treat them as the same lever: reducing unnecessary data transfer and processing supports a faster experience while lowering estimated digital carbon, though environmental figures remain modelled rather than directly measured.

This is the part usually left out of inclusion conversations and it affects the same people.

Our sustainable web design work puts research and accessibility into the brief rather than reviewing for them at the end.

Most common questions

01

What is inclusive website design?

Designing deliberately for people beyond the team's own experience: different abilities, devices, connections, languages and circumstances. It is a working method rather than a values statement, and it produces a site more people can actually use.

02

How is it different from accessibility?

Accessibility is largely about technical conformance to a standard. Inclusive design is broader, covering who you research with, whose circumstances you assume, and what your imagery and language communicate. Accessibility is the floor within it.

03

How do we research with a wider range of people?

Recruit deliberately rather than conveniently. Existing customers, community organisations and local groups are reachable without a research budget, and five sessions with genuinely varied participants surface most significant problems.

04

Does imagery really matter that much?

It communicates who a service is for whether or not that was intended. Photography showing consistently one age, ability or background sends a quiet signal to everybody outside it. Real images of your own work and people usually solve both problems.

05

What language changes make the biggest difference?

Plain sentences, avoiding idiom, and not assuming circumstances in forms. A reading-level target changes behaviour where an instruction to keep it simple does not.

06

Where does device and connection fit in?

Squarely within inclusion. Somebody on limited data or older hardware is excluded by weight just as effectively as by poor markup, and it affects many of the same people.