Skip to main content
accessibility-digital-experiences

How to make your digital experiences accessible

Paying attention to accessibility in your websites and apps will boost SEO and help you stay compliant with regulations.

Accessibility is the design of products, devices, services, or environments for people with disabilities. In terms of digital experiences, this means websites, apps, and features that are readable and functional for visually impaired, hearing-impaired, and other disabled people.

Why accessibility?

Regulations

Government decrees make accessibility a priority even if you like it or not—as seen with the introduction of web accessibility regulation in both the EU and the US.

Avoid errors early

Accessibility often manifests as an afterthought in digital projects, introduced at the very end. A best practice is to start testing and building accessible solutions right from the start. In this way, you can get rid of errors early on and avoid costly fixes and cleanups.

Team effort

Designers, content editors, and developers must all be aware of accessibility and what the standards entail. Ensuring digital accessibility is not just a job for the developer—CMS editors should also contribute and cannot expect the technician to do all the heavy lifting. In other words: Acquire the right mentality and culture from the onset.

SEO and lead generation

Finally, accessibility and search engine optimization go together like hand in glove. If you want a business case for delving into accessibility, this is the one. Google ranks accessible pages and apps higher in the search results, thereby increasing your impressions and potential lead generation. Furthermore, making a broader group of visitors able to consume your content can be the final nudge leading to more business.

How to start

Accessibility Guide

A good place to start is to read the Web Fundamentals Accessibility Guide by Google. Here you can read more about accessibility, teach yourself the standard Web Content Accessibility Guidelines, and understand users’ diversity. You can also dig deeper into topics like focus, semantics, ARIA, styles, accessibility reviews, and teamwork.

You cannot cater to everyone

With this in mind, it is useful to know that it is impossible to create accessibility for everyone. A strategy toward visually impaired visitors might be counterproductive toward hearing-impaired, and vice versa, and a website in English must necessarily exclude all other languages.

Identify your target audience

You should, therefore, get an overview of your target audience—whom you are building a solution for. Making compromises is an inherent feature in accessibility projects, as is the knowledge that not everyone’s needs will be satisfied.

Get a competitive edge: How to build a fast and modern site with Next.js and headless CMS »

The accessibility project

Starting an accessibility project does not have to be an especially daunting task. No special equipment is needed.

However, if visually impaired people are an important user group, you should test specifically toward and together with visually impaired users. Bear in mind that the focus often is on blind or colorblind users, but do not forget that users with normal vision can struggle as well—e.g. in regard to bright daylight and contrast on the website or app on a small smartphone screen.

Software

Digital tools you can use to bolster your accessibility testing and auditing include:

Skills

Even though you might not strictly need an accessibility expert on your project, a hired skilled consultant might be valuable to perform an initial audit or assessment of your digital experiences. Also, make sure that at least one person on your team has sufficient knowledge about accessibility in order to guide fellow co-workers.

Process

Building features that are accessibility-friendly once and then forgetting about it is not an option. Accessibility must be tested routinely during your project and from the start.

Toward the end of the project, you should perform a complete assessment of all accessibility aspects, and not until everything is in order in this final stage are you finally able to rest on your laurels—at least until a future test potentially reveals a non-compliant feature.

5 quick tips to get you going

If accessibility seems overwhelming at first, these five tips from our solutions partner Item Consulting may help you kickstart your project.

  1. Table headings should be marked semantically (WebAIM)
    <th scope="col">Monday</th>
  2. Image alt text should be descriptive (AbilityNet)
    Wrong: <img src="twitter.png" alt="Picture of blue bird">
    Right: <img src="twitter.png" alt="Twitter logo">
  3. Headline order should be logical (Nomensa)
    Use Wave to assess header structure.
  4. Hyperlinks should describe their purpose (Oregon State University)
    Wrong: Gandalf is a fictional character from The Lord of the Rings. Read more
    Right: Gandalf is a fictional character from The Lord of the Rings. More about Gandalf on Wikipedia
  5. Video and audio should be subtitled (University of Washington)
    Transcriptions may be easier than subtitles. Can be automatized!

List of resources

Guide: How to integrate your design system with your CMS

First published 13 June 2019, updated 3 October 2022.

Frequently asked questions

What is accessibility on the web?

Principles and guidelines ensuring that as many sensory-motoric impaired people as possible can enjoy your digital experiences.

Why do I need accessibility?

In addition to being nice to people, accessibility widens the potential impact of your digital experiences—expanding the number of visitors and leads.

What accessibility standards exist?

Web Content Accessibility Guidelines (WCAG) is the predominant standard, with WCAG 2.0 and WCAG 2.1 as the newest versions.

How do I test accessibility?

Familiarise yourself with accessibility principles, start a dedicated project, use appropriate tools, hire a skilled consultant—then test, use feedback, make changes, and re-iterate.

Topics: 
accessibility
digital experiences
SEO
digital projects