Web accessibility is one of those topics that sounds specialised but is really just about a simple goal: making sure everyone can use the sites you build, including people with disabilities. It's increasingly something clients expect as standard, and the basics aren't hard to grasp — they're mostly about building thoughtfully so the site works for the widest range of people. Web accessibility means making websites usable by everyone, including people with disabilities, so they can perceive, navigate, and use the site. It matters because it includes more people, is increasingly expected (and sometimes required), and broadens the audience. The basics include proper structure and semantics, alternative text for images, keyboard accessibility, sufficient colour contrast, and clear labels. It's increasingly a basic expectation, not a bonus. Requirements can vary by context and region, so refer to current resources. Here are the web accessibility basics clients expect. Let's cover the essentials.
We'll cover what web accessibility is, why it matters, then the basics: proper structure and semantics, alt text for images, keyboard accessibility, colour contrast and clear labels, and that it's an expected basic. This teaches the basics; the deeper skills are what the Launch Kit's web development mode track builds. Note accessibility requirements can vary by context and region, so refer to current resources; this is general guidance. Let's start with what it is.
This connects closely to making client sites mobile-friendly and fast and the client website process, step by step. Let's begin.
Web accessibility basics · clients expect
Web accessibility means making websites usable by everyone, including people with disabilities, so they can perceive, navigate, and use the site. It matters because it includes more people, is increasingly expected (and sometimes required), and broadens the audience. The basics include proper structure and semantics, alternative text for images, keyboard accessibility, sufficient colour contrast, and clear labels. It's increasingly a basic expectation, not a bonus. Requirements can vary by context and region, so refer to current resources. This is general guidance.
Quick FactsQuick Facts: Accessibility
| Element | What it does |
|---|---|
| Accessibility | Sites usable by everyone |
| Why | Inclusion & expectation |
| Structure | Helps assistive tech |
| Alt text | Describes images |
| Keyboard | Use without a mouse |
| Contrast & labels | Readable & clear |
| The skill track | Inside the Launch Kit's web dev mode |
| Last updated | 22 June 2026 |
What It IsWhat Web Accessibility Is
First, what web accessibility is. Web accessibility means making websites usable by everyone — including people with disabilities — so that all users can perceive, navigate, understand, and interact with the site. Rather than building only for some users, accessibility is about ensuring the site works for the widest range of people, including those who use assistive technologies or have visual, motor, or other disabilities. It's about inclusive design: a site everyone can use. So web accessibility means making websites usable by everyone, including people with disabilities, so all users can perceive, navigate, and use the site.
The key point is that web accessibility is about making sites usable by everyone, including people with disabilities. The goal is inclusion — so accessibility means designing and building so that people with a range of abilities and needs can all use the site, not just some. Understanding this goal frames why it matters. It's inclusive design. So web accessibility is fundamentally about building sites usable by all. Understanding what it is frames why it matters. It's for everyone. So web accessibility means making websites usable by everyone, including people with disabilities, through inclusive design. Next, why it matters.
What it is
Usable by everyone
Why MattersWhy It Matters
Why does web accessibility matter? Because it makes the site usable by more people (including those with disabilities, who would otherwise be excluded), it's increasingly expected as standard (and sometimes legally required depending on context and region), and it broadens the audience the site can reach. Accessibility is both the right thing (inclusion) and the practical thing (more users, meeting expectations and any requirements). Neglecting it excludes people and may fall short of expectations or rules. So web accessibility matters because it includes more people, is increasingly expected and sometimes required, and broadens the audience.
The key point is that accessibility matters for inclusion, expectations, requirements, and reach. It serves multiple important ends at once — including people, meeting growing expectations, satisfying any legal requirements, and widening the audience — so it's both ethically and practically important, making it something to build in rather than skip. (Because requirements vary by context and region, refer to current resources.) Understanding why it matters frames the basics. It includes and reaches more. So web accessibility matters for both ethical and practical reasons. Understanding why frames proper structure. It's right and practical. So web accessibility matters because it includes more people, meets expectations and requirements, and broadens reach. Next, proper structure and semantics.
Why matters
Right and practical
StructureProper Structure & Semantics
The first basic is proper structure and semantics. Building a page with proper, semantic structure — using the right elements for their meaning (headings as headings, lists as lists, and so on) — helps assistive technologies like screen readers understand and navigate the page. Semantic structure conveys the meaning and organisation of content in a way that tools (and people using them) can interpret, making the page navigable and understandable. Poor or non-semantic structure makes a page hard for assistive technologies to interpret. So proper structure and semantics means using the right elements meaningfully so assistive technologies can understand and navigate the page.
The key point is that semantic structure makes a page interpretable by assistive technologies. Assistive tools rely on the page's structure to convey its content — so using proper, semantic structure (the right elements for their meaning) is what makes a page understandable and navigable for those using such tools. Understanding this basic frames alt text. It's meaningful structure. So proper structure and semantics is a foundational accessibility basic. Understanding this frames alt text. It aids assistive tech. So proper structure and semantics means meaningful markup that assistive technologies can interpret and navigate. Next, alt text for images.
Structure
Meaningful markup
Alt TextAlt Text for Images
A key basic is alt text for images. Alt text (alternative text) is a text description of an image, provided so that people who can't see the image — for example, those using screen readers — can still understand what it shows. Images without alt text are inaccessible to people who can't see them (they get nothing), while alt text conveys the image's content or purpose in words. Providing meaningful alt text for images is a fundamental accessibility practice, making visual content accessible to all. So alt text for images means providing text descriptions of images so people who can't see them can understand what they show.
The key point is that alt text makes images accessible by describing them for those who can't see them. Visual content is inaccessible to some users without a text alternative — so alt text (describing the image) is what makes images accessible, conveying their content to people using screen readers or otherwise unable to see them. Understanding alt text frames keyboard accessibility. It describes images. So alt text for images is an essential accessibility basic. Understanding this frames keyboard accessibility. It conveys visuals in words. So alt text means describing images in text so those who can't see them understand. Next, keyboard accessibility.
Alt text
Describe images in words
KeyboardKeyboard Accessibility
Another basic is keyboard accessibility. This means a site can be navigated and used with a keyboard alone — not just a mouse — since some users rely on keyboards (or keyboard-like assistive devices) rather than a mouse to interact with a site. Keyboard accessibility ensures that all interactive elements (links, buttons, forms) can be reached and operated via the keyboard, so users who don't or can't use a mouse can still use the site fully. A site that only works with a mouse excludes these users. So keyboard accessibility means the site can be fully navigated and used with a keyboard alone, supporting users who don't use a mouse.
The key point is that keyboard accessibility lets people use the site without a mouse, supporting different needs. Not everyone uses a mouse — so ensuring the site works fully via keyboard is what makes it usable for those who rely on keyboards or keyboard-like devices, a key accessibility requirement. Understanding this basic frames colour contrast and labels. It's mouse-free use. So keyboard accessibility is an important accessibility basic. Understanding this frames contrast and labels. It supports keyboard users. So keyboard accessibility means the site is fully usable with a keyboard alone, supporting those who don't use a mouse. Next, colour contrast and clear labels.
Keyboard
Usable without a mouse
ContrastColour Contrast & Clear Labels
Two more basics work together: colour contrast and clear labels. Sufficient colour contrast between text and its background makes content readable for people with visual impairments (and easier for everyone) — poor contrast makes text hard or impossible to read. Clear labels (for form fields, buttons, and controls) make it obvious what each element is and does, helping all users — and assistive technologies — understand and use the interface. Together, good contrast and clear labels make the site readable and understandable. So colour contrast and clear labels mean ensuring text is readable (sufficient contrast) and elements are clearly labelled, aiding all users.
The key point is that good contrast keeps content readable and clear labels make the interface understandable. Readability (contrast) and clarity (labels) are both essential to a usable interface — so sufficient contrast (readable text) and clear labels (understandable elements) directly support accessibility, helping users with visual or other needs (and everyone). Understanding these basics frames that accessibility is expected. They aid readability and clarity. So colour contrast and clear labels are important accessibility basics. How to build accessible sites is part of what the Launch Kit's web development mode track covers. So this matters because good contrast keeps content readable and clear labels make the interface understandable. Understanding this frames the expectation. They keep it readable and clear. So colour contrast and clear labels keep content readable and the interface understandable for all. Next, an expected basic.
Contrast
Readable & clear
ExpectedAn Expected Basic
Finally, accessibility is increasingly an expected basic, not a bonus. Clients increasingly expect the sites you build to be accessible — it's becoming a standard part of quality web work (and is sometimes legally required, depending on context and region). Rather than an optional extra, accessibility is moving toward being a baseline expectation, much like mobile-friendliness and speed. So building accessibly isn't going above and beyond — it's increasingly part of doing the job properly and meeting what clients (and sometimes the law) expect. (Because requirements and standards vary and evolve, refer to current resources.) So accessibility is increasingly an expected basic, part of quality web work that clients expect, rather than a bonus.
The key point is that accessibility is increasingly a baseline expectation, not optional. As awareness and requirements grow, accessibility is becoming standard — so treating it as a basic expectation (built in, not bolted on) reflects current and growing expectations, and produces better, more inclusive work. Understanding this completes the picture. With what web accessibility is, why it matters, and the basics all clear, you can build the web accessibility basics clients expect. Use proper structure, alt text, keyboard accessibility, good contrast, and clear labels — to build accessibly. So the web accessibility basics clients expect are proper structure and semantics, alt text for images, keyboard accessibility, sufficient colour contrast, and clear labels — together making sites usable by everyone, which is increasingly a baseline expectation and part of quality, inclusive web work. Remember accessibility requirements can vary by context and region, so refer to current resources.
Expected
A baseline, not a bonus
PitfallsAccessibility Mistakes
| The mistake | The better approach |
|---|---|
| Non-semantic, poor structure | Proper, semantic structure |
| Images with no alt text | Meaningful alt text |
| Mouse-only interactions | Keyboard accessibility |
| Low colour contrast | Sufficient contrast |
| Unclear or missing labels | Clear labels |
| Treating it as a bonus | It's an expected basic |
At a GlanceAccessibility Basics
| Basic | What it does |
|---|---|
| Structure & semantics | Helps assistive tech |
| Alt text | Describes images |
| Keyboard access | Use without a mouse |
| Colour contrast | Readable text |
| Clear labels | Understandable elements |
| The expectation | A baseline, not a bonus |
In ShortBuild Accessibly
Web accessibility means making websites usable by everyone, including people with disabilities, so all users can perceive, navigate, and use the site — inclusive design that works for the widest range of people. It matters because it includes more people (who would otherwise be excluded), is increasingly expected as standard (and sometimes legally required, depending on context and region), and broadens the audience — so it's both the right thing and the practical thing. The basics are approachable. Proper structure and semantics (using the right elements for their meaning) help assistive technologies like screen readers understand and navigate the page. Alt text provides text descriptions of images so people who can't see them still understand what they show. And keyboard accessibility ensures the site can be fully used with a keyboard alone, supporting those who don't use a mouse.
Two more basics round it out: sufficient colour contrast keeps text readable for people with visual impairments (and everyone), and clear labels make form fields, buttons, and controls understandable for all users and assistive technologies. Together, these basics make a site usable by everyone. Crucially, accessibility is increasingly a baseline expectation rather than a bonus — clients expect it as part of quality web work, much like mobile-friendliness and speed — so building accessibly is part of doing the job properly. Remember accessibility requirements can vary by context and region, so refer to current resources. So the web accessibility basics clients expect come down to proper structure, alt text, keyboard accessibility, good contrast, and clear labels — building sites everyone can use, as a standard part of quality, inclusive work.
Accessibility basics, in seven lines
- Accessibility = sites usable by everyone.
- It matters — inclusion & expectation.
- Structure helps assistive tech.
- Alt text describes images.
- Keyboard access — use without a mouse.
- Contrast & labels — readable & clear.
- It's expected — a baseline, not a bonus.
The KitWant to Build Accessible Sites?
This guide gave you the basics. The Freelance Launch Kit and its web development mode track go deeper — building accessible, quality sites, and the path to client work, built from 8 years of real freelance work, so you meet what clients expect. No income promises — just the path. Start with the free starter guide or get the Launch Kit.
FAQFrequently Asked Questions
What is web accessibility?
Web accessibility means making websites usable by everyone, including people with disabilities, so they can perceive, navigate, and use the site. It's about inclusive design. So it's building sites everyone can use.
Why does web accessibility matter?
Because it makes sites usable by more people (including those with disabilities), it's increasingly expected (and sometimes required), and it broadens the audience. It's the right and practical thing. So accessibility matters for inclusion and expectations.
What are the basics of web accessibility?
Proper structure and semantics, alternative text for images, keyboard accessibility, sufficient colour contrast, and clear labels, among others. These help everyone use the site. So the basics make a site usable by all.
What is alt text?
Alt text is alternative text describing an image, so people who can't see it (for example, using screen readers) understand what it shows. It makes images accessible. So alt text describes images for those who can't see them.
What is keyboard accessibility?
Keyboard accessibility means a site can be navigated and used with a keyboard alone, not just a mouse, which some users rely on. It supports different ways of using a site. So it lets people use the site without a mouse.
Why does colour contrast matter for accessibility?
Because sufficient contrast between text and background makes content readable for people with visual impairments. Poor contrast makes text hard to read. So good contrast keeps content readable for all.
Why is proper structure important for accessibility?
Because proper, semantic structure helps assistive technologies (like screen readers) understand and navigate the page. It makes the site interpretable. So good structure supports accessibility tools.
Do clients expect web accessibility?
Increasingly yes — accessibility is becoming a basic expectation (and sometimes a requirement), so clients often expect sites to be accessible. It's part of quality work. So it's commonly expected.
Is web accessibility required?
It can be — accessibility is sometimes legally required depending on context and region, and increasingly expected generally. Requirements vary. So it may be required, and is widely expected. (Refer to current resources for your context.)
Keep ReadingThe Web Development Series
Mobile-Friendly & Fast Sites · SEO-Friendly Builds · The Client Website Process
Build Sites Everyone Can Use.
Knowing the basics is one thing — building accessibly is another. The Freelance Launch Kit and its web development mode track help you build accessible, quality sites, from 8 years of real freelance work.
No hype. No income promises. Just the path.