Web TechnologiesCourse and practice

Leaving people out

Who a site shuts out when it's designed only for people who see well, use a mouse and own a recent phone, what French and European law require, and how to check before launch.

6 parts · about 7 min

Present Cheat sheet

Who can't use it?

Many design choices assume that every visitor sees well, hears the sound, uses a mouse, reads easily and owns a recent phone. Many visitors don't.

Blind people use a screen reader, which reads the page aloud and needs real text and labels to do it. People with low vision zoom in, and need strong contrast. Deaf and hard-of-hearing people need subtitles and transcripts. People who can't use their hands well move through a site with the keyboard, or with their voice. People with dyslexia, or who read French as a second language, need plain words.

It's not a small group. The WHO estimates that about one person in six lives with a significant disability. And many more are limited for a while: a broken arm, sun on the phone screen, a video watched in a noisy metro, a baby in one arm.

When a site shuts them out, they rarely complain. They leave, they call, they ask someone else, or they can't use the service at all. So you won't hear about the problem unless you search for it.

Four design choices, and the people each one shuts out1. A seat map that needs a mouse (you choose a seat only by clicking on it) shuts out keyboard and screen reader users: they can't choose a seat at all. 2. Cancelling only by phone (the site says: call us to cancel) shuts out deaf and hard-of-hearing people: and anyone who can't call during office hours. 3. Tiny buttons packed close together (you must tap exactly the right one) shuts out people with shaky hands: and anyone tapping on a moving bus. 4. A form that ends after 3 minutes (the answers are lost when the time is up) shuts out people who need more time: such as screen reader users and slow readers.A design choiceWho it shuts outA seat map that needs a mouseYou choose a seat only by clicking on itKeyboard and screen reader usersThey can't choose a seat at allCancelling only by phoneThe site says: call us to cancelDeaf and hard-of-hearing peopleAnd anyone who can't call during office hoursTiny buttons packed close togetherYou must tap exactly the right onePeople with shaky handsAnd anyone tapping on a moving busA form that ends after 3 minutesThe answers are lost when the time is upPeople who need more timeSuch as screen reader users and slow readers

Swipe sideways to see the whole figure.

Figure 1

Cheat sheet

Accessibilityaccessibilité
how well people with a disability can use a site, for example with a screen reader, the keyboard or larger text.
Screen readerlecteur d'écran
software that reads a page aloud, so that blind people and people with poor sight can use it.
Low visionmalvoyance
poor sight that glasses can't fully correct, so that people zoom in and need strong contrast.
Subtitlessous-titres
the text of what is said in a video, shown on the screen at the same time.
Transcripttranscription
the text of everything said in an audio or a video, which people can read instead of listening.
Situational disabilityhandicap situationnel
a limit that comes from the moment, such as sun on the screen or a baby in one arm, not from the person.

What the law requires

Accessibility isn't only good practice. For many sites, it's the law.

In France, public bodies, and companies with more than €250 million of turnover in France, must make their sites meet the RGAA, the official accessibility standard. The RGAA is based on WCAG, the international guidelines. These organisations must also publish an accessibility statement: a page that says how well the site meets the rules, what still fails, and how to contact someone about it.

Since June 2025, the European Accessibility Act has extended similar duties to most consumer services sold online, such as online shops, banking and transport, for all but the smallest companies. So a client who sells online now has a legal reason too.

The cost argument is just as strong. Accessibility is cheap to build in from the start, and expensive to add later, when the design, the components and the content all have to change. So write it into the brief, with a standard to check against, WCAG or RGAA. Then check it while the site is being built, not only at the end. A problem found in the design takes minutes to fix. The same problem found after launch can mean rebuilding pages.

And don't accept a widget instead. The lesson Structure and meaning explains why an icon that promises accessibility in one line of code doesn't fix the site underneath.

Cheat sheet

RGAARGAA
the official French standard that says how to make a site usable by people with disabilities.
WCAGWCAG
the international guidelines for making web content accessible, on which the French RGAA is based.
Accessibility statementdéclaration d'accessibilité
a page that says how well a site meets the accessibility rules, what still fails, and whom to contact.
European Accessibility Actacte européen sur l'accessibilité, EAA
the European law that, since June 2025, requires most companies that sell online to have an accessible site.
Briefbrief
a short document that says what to build, for whom and within which limits.
Accessibility widgetwidget d'accessibilité
an icon added to a site that promises to make it accessible in one line of code, without changing the HTML.

Test it the way others use it

Automated tools such as Lighthouse are useful, but they find only part of the problems. They can check that a picture has alt text, but not that the alt text makes sense. They can't tell you whether someone can actually buy a ticket.

So spend ten minutes using the site the way other people do, while it's being built and again before launch. You don't need to read any code.

  • The keyboard alone. Put the mouse away, press Tab from the top, and try to complete the main task. Each link and button should light up in a sensible order, and nothing should trap you.
  • A screen reader. Every phone has one: VoiceOver on an iPhone, TalkBack on Android. Start it and listen to the main page. Does each button say what it does?
  • Zoom. Enlarge the page to 200% in the browser, twice its normal size. Nothing should overlap or disappear.
  • Sound off, and bright light. Watch the videos without sound, and read the page on your phone outside.
  • An old phone on a slow connection. Does the page still load and work?

The example below shows a concert hall's ticket site. Its automated accessibility score was 96 out of 100. Ten minutes by hand found four problems that stop people from buying a ticket.

Do the same on your portfolio. Can a recruiter who uses the keyboard open each project? Does your project video have subtitles? Is your CV real text, or a picture of text?

The automated report

Code
Lighthouse report
Accessibility: 96 out of 100
Checks passed: 31 of 33
Contrast: passed
Pictures with alt text: passed

Ten minutes of testing by hand

Code
Tested by hand on 14 March
Keyboard only:
  the seat map can't be reached
Screen reader on a phone:
  the main button says "button"
Page zoomed to 200%:
  the menu covers the page
An old phone, slow connection:
  the seat map never loads
Example 1A concert hall's ticket site: the automated report, and ten minutes of testing by hand

Cheat sheet

LighthouseLighthouse
a free audit in Chrome's developer tools that scores a page's speed and accessibility and lists its problems.
Tab keytouche Tab
the key that moves from one link, button or form field to the next, so that a page can be used without a mouse.
Screen readerlecteur d'écran
software that reads a page aloud, so that blind people and people with poor sight can use it.
VoiceOverVoiceOver
the screen reader built into iPhones, iPads and Macs.
TalkBackTalkBack
the screen reader built into Android phones.
Alt texttexte alternatif
a short text that replaces a picture, read aloud by screen readers and shown if the picture doesn't load.
Subtitlessous-titres
the text of what is said in a video, shown on the screen at the same time.

Online only

Moving a service online helps most people and saves real money. The risk is making it the only way.

Some people don't have a smartphone, or have one too old for the app. Some have no data plan, or a poor connection. Some aren't at ease with digital tools, or with written French. INSEE found that in 2021, 15% of people in France, more than eight million, either didn't use the internet or lacked basic digital skills. Among people over 60, it was more than one in three.

Take a medical practice that decides to take appointments only online, to free its phone line. Most patients book in a minute. But the patients who struggle most with booking online, such as older people, people with a complicated case, or people who don't read French well, are often the ones who need the doctor most. Without another way in, they get no appointment.

So before any "online only" decision, ask two questions. Who are the users, really, and how many of them can't use the new channel? And what is the other way in for them: a counter, a phone line, paper, or a website as well as an app?

For public services, this is also a legal question. In 2022, France's Conseil d'État ruled that the State could make residence permit applications online only if people who can't use the online service are offered another solution.

A service moved online only: most people manage, and another way in is kept for those who can't1. Most patients 2. Patients who can't book online 3. Another way inAppointments online onlyThe medical practice frees itsphone lineMost patientsThey book in a minute, at any timePatients who can't book onlineNo smartphone, a weak connection, orlittle ease with apps or FrenchAnother way inA phone line, a counter orpaper

Swipe sideways to see the whole figure.

Figure 2

Cheat sheet

Digital exclusionillectronisme, exclusion numérique
the situation of people who can't use online services, for lack of a device, a connection or the skills.
INSEEINSEE
France's national statistics office, which measures, among other things, how many people use the internet.
Channelcanal
a way for people to reach a service, such as a website, an app, a phone line or a counter.
Conseil d'ÉtatConseil d'État
the French court that judges, at the highest level, cases against the State and public bodies.
Accessibilityaccessibilité
how well people with a disability can use a site, for example with a screen reader, the keyboard or larger text.

Fixes that help everyone

What helps people who struggle usually helps everyone.

Accessibility is often presented as a cost for a small group. In practice, what helps the people who struggle usually helps everyone.

Think of the lowered edge of the pavement at a pedestrian crossing. It was made for wheelchairs. Today, everyone who pushes a pram, a suitcase or a delivery trolley uses it. Websites work the same way:

  • Subtitles help deaf people, and everyone watching in the metro without headphones.
  • Plain words help people with dyslexia, and anyone reading in a second language.
  • Bigger buttons help people with shaky hands, and anyone tapping on a moving bus.
  • Real headings help screen reader users jump from part to part, and everyone who skims the page.
  • A light page helps people with an old phone, and everyone on a weak connection.

So test with people who struggle, before launch rather than after. Ask an older relative to book an appointment on the site. Watch a classmate use your portfolio with the keyboard only. Try it on the oldest phone you can find. A few people who struggle teach you more than many who don't.

Cheat sheet

Subtitlessous-titres
the text of what is said in a video, shown on the screen at the same time.
Labellibellé
the text that says what a field is for, such as "Email", which stays visible next to the field.
Contrast ratiorapport de contraste
a measure of the difference in brightness between text and its background, at least 4.5 to 1 for main text.
Page weightpoids de la page
the total size of all the files a page downloads, measured in megabytes (MB).
Usability testtest utilisateur
a session where real people try to complete a task on a site while you watch, without helping them.

What to ask

Ask these questions in the brief, again before launch, and whenever someone proposes to make a service online only.

In the brief, ask for accessibility against a standard, WCAG or RGAA, and say who will check it and how. Ask whether the client must publish an accessibility statement. Before launch, ask to see the main task done with the keyboard alone and with a phone's screen reader, and do the ten-minute check yourself. Ask what the automated report missed, and when each problem will be fixed.

For any "online only" plan, ask who the users really are, and how many of them can't use the new channel. Ask what the other way in is, and who pays for it. Ask whether the app works on an old phone and a weak connection, and whether it was tested with older people and with people who use a screen reader.

For your portfolio, ask yourself the same questions. Can a recruiter who uses the keyboard, a screen reader or an old phone see your work and contact you?

Cheat sheet

WCAGWCAG
the international guidelines for making web content accessible, on which the French RGAA is based.
RGAARGAA
the official French standard that says how to make a site usable by people with disabilities.
Accessibility statementdéclaration d'accessibilité
a page that says how well a site meets the accessibility rules, what still fails, and whom to contact.
Screen readerlecteur d'écran
software that reads a page aloud, so that blind people and people with poor sight can use it.
Digital exclusionillectronisme, exclusion numérique
the situation of people who can't use online services, for lack of a device, a connection or the skills.

Practise this strand

These questions put you in the situations this lesson describes. You answer in your own words, and you get a level, feedback and a full answer.