# Who Accessibility Helps

Accessibility means people can use your page however they browse, and it helps far more people than you might think, from a screen-reader user to someone holding a baby in one arm.

Apprentice · HTML · Web Development · Updated October 31, 2026

## After this lesson you can

- Explain who accessibility helps, with permanent, temporary and situational examples
- Name the tools people use to browse, such as screen readers, the keyboard, switches, zoom and captions, and what each needs from a page
- Explain what WCAG is and why laws such as the ADA and the European Accessibility Act matter to a website

## Key takeaways

- Accessibility means everyone can use a page, whether they see it, hear it, tap it, type on it or listen to it.
- Disabilities can be permanent, temporary or situational, so the same fix helps someone born blind, someone with a broken arm and someone in bright sun.
- People browse with screen readers, the keyboard alone, switch devices, zoom and captions, and each one needs something from your HTML.
- WCAG, the Web Content Accessibility Guidelines, is the rulebook that laws and companies point to.
- Laws such as the ADA, Section 508 and the European Accessibility Act are why many sites must be accessible.

Sooner or later, someone asks you to make a page accessible. It might be a line in a class project's grading sheet, a ticket at work that says "fix the accessibility issues before launch", or an email from a customer who couldn't buy something on your site. This chapter gets you ready for that moment, using a made-up movie theater, the **Starlight Cinema**: its showtimes, its "Buy tickets" buttons, its newsletter sign-up and its trailer. By the end you can find what stops people on a page like that, and fix it.

## Curb cuts: built for some, used by everyone

Look at the corner of almost any sidewalk. The curb dips down to the street. Those dips, called **curb cuts**, were fought for by wheelchair users. Now watch who uses them: parents with strollers, travelers with rolling suitcases, kids on bikes, delivery workers with carts. Something built for a few people turned out to help almost everyone.

![A sidewalk corner where the curb slopes down to the street, used by a wheelchair user, a parent with a stroller and a traveler with a rolling suitcase: one design that helps all three](https://fsdtrainingmedia.blob.core.windows.net/public/images/2026/10/d18bbb9a92804323b741ac252ca065b7.webp)

Web pages work the same way. **Accessibility** means building a page so people can use it however they browse: by seeing it, hearing it, tapping it, typing on it or listening to it. In writing it's often shortened to **a11y** ("a", then 11 letters, then "y"; some people say it "a-eleven-y").

Here's the Starlight Cinema's newsletter box, built two ways. Both look almost the same on a screen:

```html
<!-- Only a hint inside the box, which disappears as soon as you type -->
<input type="email" name="email" placeholder="Your email">

<!-- A real label: a screen reader reads it, and clicking it puts the cursor in the box -->
<label for="email">Your email</label>
<input type="email" id="email" name="email">
```

The second one helps a blind visitor whose screen reader reads the label aloud, someone with shaky hands who gets a bigger target to click, and anyone who forgets what the box was for halfway through typing. That's a curb cut.

## Permanent, temporary and situational

When people hear "disability", they often picture a wheelchair. Accessibility is wider than that. A helpful way to see it is in three kinds:

| What stops them | Permanent | Temporary | Situational |
|---|---|---|---|
| Can't use one arm | Born with one arm | A broken wrist in a cast | Holding a baby in one arm |
| Can't see the screen well | Blind, or low vision | Eyes dilated after an eye exam | Bright sun glaring on a phone |
| Can't hear the sound | Deaf | An ear infection | A noisy bus, or a sleeping roommate |
| Can't focus for long | ADHD | A migraine, or very little sleep | A toddler asking questions while you type |

A **permanent** disability lasts a lifetime. A **temporary** one goes away, but it's real while it lasts. A **situational** one isn't a disability at all: it's the moment you're in. The same fix serves all three. Captions on the Starlight Cinema's trailer help a Deaf moviegoer, someone with an ear infection, and someone watching on a quiet train with no headphones.

The World Health Organization estimates that 1.3 billion people, about one in six people in the world, live with a significant disability ([WHO, 2023](https://www.who.int/news-room/fact-sheets/detail/disability-and-health)). Add everyone with a temporary or situational one, and that's everyone, at some point, you included.

**Try it.** Use your favorite shopping or news site for two minutes with one hand behind your back, or outside in the sun on your phone. Write down the first thing that gets in your way.

## The tools people browse with

People who can't use a page the usual way use tools that change how they meet it. In your textbook these may be called **assistive technology**.

| Tool | Who uses it | What it needs from your HTML |
|---|---|---|
| A **screen reader** reads the page aloud, or shows it on a braille display | Blind and low-vision people | Alt text on pictures, real headings, labels on form fields, links and buttons that say what they do |
| **The keyboard alone** (Tab to move, Enter to choose) | People who can't use a mouse, and fast typists | Real links and buttons, which the keyboard can reach, and a visible ring around what's chosen |
| A **switch device**: one or two big buttons, pressed with a hand, a foot or a head movement | People who can move very little | The same as the keyboard: a switch steps through the page the way Tab does |
| **Zoom** and screen magnifiers | Low-vision people, and anyone without their glasses | A page that still works when everything is twice as big |
| **Captions** and transcripts | Deaf and hard-of-hearing people, and anyone with the sound off | A captions track on every video, and a transcript for audio |
| **Voice control** ("click Buy tickets") | People who can't use their hands | Buttons and links whose names match the words on them |

Most of these tools ask for the same thing: HTML that says what each part of the page *is*. A `<button>` tells every one of these tools "this is a button". A `<div>` made to look like one tells them nothing. You'll hear exactly what that sounds like in the next lesson, *What a Screen Reader Hears*.

```html
<img src="poster-comet-riders.svg" alt="Poster for Comet Riders: two kids on bikes racing a falling comet">
<button type="submit">Sign up</button>
```

**Try it.** Every computer and phone comes with a screen reader. On Windows, press **Ctrl + Windows key + Enter** to turn on Narrator, and press it again to turn it off. On a Mac, press **Command + F5** for VoiceOver, and again to stop. Listen to one web page for a minute. It may feel fast and strange: that's normal. *Testing a Page for Accessibility* shows you how to use them.

## WCAG: the rulebook

When a company says its site "meets accessibility standards", it almost always means **WCAG**, the **Web Content Accessibility Guidelines** (said "wuh-cag"). WCAG is written by the W3C, the group that also writes many of the web's standards, and the current version is WCAG 2.2, from 2023.

WCAG is a list of things a page must do, called **success criteria**, such as "every picture that means something has a text alternative" and "everything works with a keyboard". Each one has a level:

- **A**: the basics. Without these, some people can't use the page at all.
- **AA**: the level laws and companies usually ask for. "WCAG 2.1 AA" or "WCAG 2.2 AA" is a phrase you'll see in job tickets and contracts.
- **AAA**: the highest level. It's rarely required for a whole site, because some content can't meet every AAA criterion.

You don't need to memorize WCAG. Most of it is good HTML: the alt text, labels, headings and captions you've met in this course, plus the keyboard and screen-reader skills in this chapter.

## The laws, in a sentence each

Accessibility isn't only good manners. In many places it's the law. Here are three you'll hear about, in a sentence each (check the sources for the details that apply to you):

- **The ADA** (Americans with Disabilities Act, 1990) bans discrimination against disabled people in the United States. In 2024 the Department of Justice set WCAG 2.1 AA as the standard for the websites and apps of state and local governments, which includes public schools and colleges ([ada.gov](https://www.ada.gov/resources/2024-03-08-web-rule/)), and businesses have been taken to court under the ADA over websites customers couldn't use.
- **Section 508** of the Rehabilitation Act requires United States federal agencies to make their technology accessible, websites included, and its standards point to WCAG ([section508.gov](https://www.section508.gov/)).
- **The European Accessibility Act** requires many products and services sold in the European Union, such as online shops, banking, e-books and passenger transport, to be accessible from June 28, 2025 ([the Act itself](https://eur-lex.europa.eu/eli/dir/2019/882/oj), and the [European Commission's summary](https://commission.europa.eu/strategy-and-policy/policies/justice-and-fundamental-rights/disability/union-equality-strategy-rights-persons-disabilities-2021-2030/european-accessibility-act_en)).

For you, that means two things. A site you build for a school, a city, a government or a store selling in Europe may be required to meet WCAG. And "I know how to build accessible pages" is a skill employers look for.

## Check yourself

2 questions to try on the lesson page.

## So what

Accessibility isn't a feature for a few people: it's what makes a page work for everyone, in every situation, and much of it is the right HTML element in the right place.

## Key terms

- [Accessibility](https://www.ask-codey.com/glossary/accessibility)
- WCAG
- Screen reader

## Cheat sheets

- [Who Accessibility Helps](https://www.ask-codey.com/cheat-sheets/html-accessibility-who-it-helps-cheat-sheet)

Source: https://www.ask-codey.com/lessons/html-accessibility-who-it-helps
