The art of accessibility:
How to weave accessibility into your content

The most widely used standard for web accessibility is set by the Web Accessibility Initiative, in its Web Content Accessibility Guidelines (WCAG). The guidelines rest on four essential principles for online content, known as the POUR framework:

Perceivable

This means that everyone can see or hear the information you want to share. There should be a choice of alternative and adaptable formats so that people can access the content easily.

Operable

Everyone can navigate through your content, using their preferred tools, without needing assistance. This starts with technical details like structuring your webpages properly, adding alt text, and supporting keyboard navigation. But it also includes things like giving people plenty of time to process content.

Understandable

Online content should have a consistent, predictable design, with information that’s easy to read or understand. Whenever you ask people to input information, you should offer support (such as tooltips or autofill suggestions) to prevent and correct mistakes.

Robust

Robust design means that your content works on all devices, browsers, and assistive technologies such as screen readers, and is ready for future innovations and updates. If your website only works on the latest Mac computer… then it doesn’t actually work.

These principles can all support inclusivity, too. For example, robust content that works on all devices and at a wide range of connection speeds helps to include people regardless of their location or income level.

Everyone has their own accessibility needs. And as Orrù points out, even if you can access most online content with ease now, that might not always be the case. The web has become our primary mode of work, administration, and social connection.

The United Nations Convention on the Rights of Persons with Disabilities recognises accessibility, including access to information and communications technologies, as essential to equal participation.

Increasingly, that principle is also being written into law, with regulators in both Europe and the United States setting clearer accessibility requirements for digital products and services.

In the EU, the European Accessibility Act entered into application on 28 June 2025. It aims to remove the accessibility barriers by harmonising requirements for certain products and services — including electronic communications — that had previously been subject to differing national rules.

In the US, the ADA (Americans with Disabilities Act) Title II web accessibility rule sets a compliance deadline of 24 April 2026 for state and local governments with populations of 50,000 or more. The rule applies to public entities such as state and local governments, public universities and colleges, public libraries, and government departments, and requires their web content and mobile apps to meet WCAG 2.1 level AA, subject to limited exceptions.

Private businesses that are open to the public are generally covered under ADA Title III.

Moving things online — and making them accessible — has created opportunities and engagement for millions of people. But that comes as no surprise to accessibility experts, who already know that improving accessibility can drive innovation and improve user satisfaction levels.

“When you design for inclusivity and when you design to make something accessible, you often just make a better product,” says Prill.

“Why wouldn’t any business want to make something that is more pleasant? Why wouldn’t you want that?”

So if the benefits of accessibility are so clear and so universal… What’s stopping us? Why isn’t the internet completely accessible and inclusive already?

According to Ettie Bailey-King, communications consultant and founder of Fighting Talk Communications, many brands and institutions are put off because they assume that creating accessible content will be expensive.

“So many accessibility changes are absolutely free,” Bailey-King says.

“Accessibility is actually just about building good, clear, solid, flexible materials that will work for as many people as possible… It’s never been easier or more affordable to make your content more accessible.”

Fear of making mistakes is another factor that holds people back.

“People are frightened to get it wrong,” says Prill.

“There’s this need to get it right immediately but even the most mindful and considerate content designers are probably still going to make mistakes somewhere.”

They emphasise that accessibility and inclusion are processes: you shouldn’t expect to achieve them overnight.

Doing the work to understand accessibility and inclusion can reduce the number of mistakes made, while making the financial and business case for better content. Knowledge is power, after all.

“The biggest obstacle is ignorance of what makes a piece of content inaccessible,” says Orrù.

“We live in an environment where we can communicate in dozens of different formats — long and short texts, images, video, audio, links, emoji, hashtags… It’s challenging to become aware of what makes content inaccessible and why.”

But she insists that it’s possible to navigate these challenges and create content that’s accessible from the very beginning.

“There are many people explaining how to create accessible content and how to embrace a more inclusive vision. Let’s listen to them.”

Everyone I spoke to agreed that accessibility must be built in from the start.

Accessible content depends on web browsers, authoring tools, websites, and assistive technologies all working together. It’s much easier to line up all those complex elements from the start, rather than worrying about accessibility when the content is already live.

“Every product should be thought of and designed with accessibility in mind,” says Orrù.

“Accessibility is one of the foundational ingredients of the product research and development process.”

1. Always have options

As a practical rule of thumb, Orrù recommends ensuring that every piece of content uses at least two senses.

“When digital content involves only one sensory channel, it generates exclusion,” she explains.

“So videos should always have subtitles to be accessible; images should always include alternative texts; audio should always come with a transcription, etc.”

There is a popular perception that too many options can be overwhelming, or that rich media might cause a sensory overload for some people — for example, users with autism. But accessibility doesn’t have to mean a bare-bones webpage.

Bailey-King is clear that your content can still be multimedia, immersive, and exciting, as well as accessible.

“You shouldn’t have any feature that a person can’t switch on or off,” she says.

“But so long as those controls are available, you can include whatever you like. The more that you design content where the user can be in control, the more limitations you take away.”

2. Use the right code

The foundation of the internet is HTML. And that’s the foundation of accessibility, too.

“Good, clean, solid, semantic HTML,” recommends Bailey-King. “That costs no more money and takes no more time, but it makes a massive difference for accessibility.”

Semantic HTML means labelling the different elements in your content correctly, such as headers, tables, and forms. This makes a huge difference to assistive technologies and screen reader users. If components of your website are labelled incorrectly, then they’ll be rendered incorrectly on assistive devices.

You can also use supporting code, such as ARIA, to mark up features specifically for screen readers. Use this to add helpful shortcuts and timesavers, such as a “skip to content” link at the top of the page. But be aware: the first rule of ARIA is “if you can use HTML… do so!”

3. Create clear structure

Semantic HTML takes care of the structure behind your content.

But what about the visible structure of the content? How do people experience, search, and navigate through your content?

According to Prill, searchability and structure are essential to accessibility.

“Make sure you have a proper structure, that you have a proper site hierarchy.”

It should be easy to find information through headings, links, and a clear layout.

If you need more incentive to include a clear structure, search engines also appreciate clearly structured HTML.

4. Write readable text

Text is one of the dominant forms of media online. It’s especially important for information-heavy websites, such as content from government agencies, educational institutions, banks, and healthcare.

There are lots of simple, instant ways to improve readability:

• Check that the font size is readable, especially for people with low vision. Make it easy for people to adjust if necessary. Recommended minimum font size for accessibility is 16 pixels high.
• Break up long pieces of text with bullet points, numbered lists, and headings.
• Never use images of text. Always provide text alternatives — i.e. type out what you want to say. If you have to show graphics or images with text in, use captions so that people with screen readers can understand.
• When in doubt, favour plain language.
• Don’t forget to check that your webpages are still functional when users zoom in. This is a surprisingly common issue!

For best practice, all your features should work at up to 200% zoom. At high zoom levels, content should reflow without loss of information or functionality; in many cases this means a single column layout.

5. Always describe links

Hyperlinks are an essential part of search and navigability. They’re also often examples of inaccessible writing.

Think about how many times you’ve seen a link simply labelled 'click here' or 'see more'. That means nothing!

Instead, link text should always include a unique description. Users should know exactly what to expect when they click on a link.

6. Give users control

Video makes up a large share of internet traffic today. And in accessibility terms, that can be great news!

“Video is so amazing… if it’s properly captioned, and if you provide transcripts,” says Bailey-King.

“The captions must be able to be switched on and off, because the burn-in ones tend to be less accessible and can get really complicated for people who are using different tech.”

Similarly, every video should come with effective controls to play, pause, and stop. Autoplay videos can be overwhelming, distracting, or disruptive to assistive technologies.

The same advice applies to audio content such as interview clips and podcasts. Audio-only content should include transcripts and, where relevant, supporting context that explains important non-verbal information.

The good news is that these actions can also be beneficial for SEO.

7. Make graphics clear

Tables, charts, scrolling animations, and other visual content can all help to convey complex information with clarity. But they only work if you make them accessible.

Here are some basic rules to keep in mind:

• Choose colour palettes which are visible for a wide range of people. There are many online tools which will help you simulate common forms of colour vision deficiency.

• Be wary of colour contrast. Never use colour as the sole method of contrasting information. For example, bars on a bar chart should be differentiated by patterns or labels, as well as colours.

• Avoid flashing or strobing graphics which could trigger seizures. Make it easy for people to scroll away or close graphics which might cause discomfort.

• Check your HTML mark-up and use additional ARIA labels if necessary, especially for tables. Make sure that any interactive features, such as inputting information or editing columns, work for people using assistive tech.

Once accessibility is built into the work, the next step is testing it in the real world.

Ongoing testing is one of the best ways to make sure your pages stay accessible.

The UK government, which is widely recognised for accessible content design and digital services, recommends testing accessibility regularly. Its guidance covers content, design, code, assistive technology, and testing with disabled users.

But how do you test all of that? Free automated tools can help. Used alongside a solid understanding of accessibility principles, they can help you identify issues and move closer to WCAG compliance. Automated tools are useful, but they should not be treated as proof that a page is fully accessible.

Tip: simulate real experiences carefully

“You can download screen reader technology if you’re sighted… and then just close your eyes and listen to how the screen reader would read the website.”

But simulations like this have their limits.

“It can’t simulate things like the level of fatigue that I would get if I listened to all my websites. If I work with someone who’s blind, they might say ‘I’m in a hurry. Websites take me so much longer to listen to than it would take you to read. That’s not acceptable for me.’”

Automated accessibility checkers can also miss important issues. In a 2017 GOV.UK audit of 10 automated tools, 29% of the barriers on a deliberately inaccessible test page were missed by every tool they tested.

Additional checks should include using a screen reader and testing keyboard navigation.

Testing with real people

Bailey-King tests with her audience and works with people who have a range of accessibility issues.

“I’ll never work with a client and just say, ‘I’m going to make your website work great for blind people or deaf people… That’s not my prerogative,” she says.

“I’ve got a big pool of people with a mixture of different disabilities, impairments, and forms of neurodivergence. They use lots of different kinds of assistive tech and are always testing.”

It’s also important to test across a range of computers and assistive tech. Bailey-King says that people can have multiple conditions, medical side-effects, or needs which interact.

“It’s expensive to be disabled… and often working opportunities are lower.”

That means your audience may not have access to the latest technology and upgrades. Your content has to work on older models and slower internet speeds, in order to be truly accessible.

At the start of this article, I asked what a truly accessible internet would look like. And the tips above give us some idea: more diverse media, more user control, and more options built in without any special fanfare.

“True accessibility and inclusion for me, feels easy,” says Prill.

“It almost feels reassuringly unmemorable… I’d love for things to be so inclusive and so accessible for everyone that even the topic of inclusion and accessibility becomes redundant. All of those services, and all of those processes, and all of those bits of content are just easy for everyone.”

Bailey-King and Orrù agree, and further point out that true accessibility creates inclusion.

“It should feel like a sense of safety and spaciousness for all of us, so that people can show up as their full self,” says Bailey-King.

“And it’s such a rare feeling. How often does someone really have that feeling of inclusion? Yeah, I think not often.”