Contact us

Web Accessibility: Understanding and Implementing the WCAG

published on:
A Guide to the Web Content Accessibility Guidelines and How to Make Your Website Accessible

The Web Content Accessibility Guidelines (WCAG) ensure that websites are accessible for everybody. With the European Accessibility Act (EAA) coming into force on 28 June 2025 and the Barrierefreiheitsstärkungsgesetz (BFSG), EU companies affected by this new act must ensure that their websites comply with these standards. 
You can find out here what this means for you and your company, why you should act now and where you can start.

Definition of WCAG

The WCAG are international guidelines developed by the World Wide Web Consortium (W3C).
The current version, WCAG 2.2, consists of four principles: Perceivable, Usable, Understandable and Robust
These principles support you in designing your website in the most accessible way, so that all users, regardless of their abilities or limitations, can interact with it.

Four principles of WCAG

The first principle being perceivable ensures that digital content and information is accessible through all senses. 
To ensure that a website is compliant, certain success criteria are in place, including:

  • Providing text alternatives through code for non-text elements, e.g. images.
  • Providing alternatives for visual and audio-only content.
  • Including subtitles or transcriptions for multimedia content.


Usable' as another WCAG principle focuses on designing user interfaces and navigational elements in a usable fashion, including a website’s accessibility through keyboards, setting of appropriate interaction times and avoiding seizure triggers. 


Understandable', being the third principle, emphasises the clarity and intuitiveness of web content and functionality through simple language, intuitive instructions and consistency. This also includes error messages for forms.


Last, but not least, the final principle 'robust' ensures that web content is compatible with different user agents and assistive technologies (e.g. screen readers) by using standard web technologies and providing appropriate metadata and structures.

Why it matters now

The EAA comes into force in less than a year. 
From June 2025, all* e-commerce and service platforms in the EU will have to meet the requirements of the Accessibility Strengthening Act (BFSG).

The EAA aims to ensure the accessibility of products and services across the EU and is based on the WCAG 2.2 Level AA standard.

But it's not just about meeting legal requirements. Accessible design helps everybody. 

As Tim Berners-Lee, the inventor of the World Wide Web, put it: 
The power of the web is its universality. Access for everyone, regardless of disability, is an essential aspect.

This means that access for everyone, regardless of disability, is an essential aspect of the Internet.

*The only exceptions are micro-enterprises in the service sector, which are not required to be accessible by this date.

The WCAG levels

Each success criterion is part of one of the four WCAG principles and is assigned a level of conformity. These range from basic accessibility (level A) to good accessibility (level AA) to near perfect accessibility (level AAA)
In summary, the aim of these levels is to determine how advanced the accessibility of a page already is and then categorise it accordingly. The highest level (AAA) is generally only relevant for particular institutions. Below, you can find an explanation for each of the aforementioned levels:


Level A: Essential or basic accessibility

This level is essential for any website to ensure basic accessibility. 
If Level A criteria are not met, the site may have serious problems that prevent people with disabilities from using the site.

  • Text alternative for non-text based content.
  • Enable page navigation via keyboard.
  • Clear labels for forms, readable in code.
  • Provides access for screen readers.
  • And always offer a second way of perceiving content, not just through colours and shapes.


Level AA: Strong accessibility

To comply with this level, all Level A criteria must be met, plus 20 additional criteria such as:

  • Contrast between text and background.
  • A sensible heading structure in the code (h1, h2, etc.).
  • Consistent navigation that does not change between pages.

This level is recommended by most experts as the standard for websites to ensure good accessibility.


Level AAA: Excellent accessibility

All the criteria for levels A and AA must be met, plus 28 additional criteria. These are designed to build on the existing accessibility of a website. Some characteristics that are emphasised are:

  • Higher contrast ratios to support further and stronger visual impairments.
  • Audio description for videos.

While level AAA might not be worth aspiring to for everyone, companies should try to meet as many success criteria as possible.

Conclusion

To ensure your website is accessible by the legal deadline of June 2025, you should take the following steps now:

  1.  Prioritise the issue of accessibility by informing stakeholders of the legislation, the urgency and the next steps. A timeline of what needs to be done and when will help with overall project management. 

  2.  Check for accessibility: Conduct a comprehensive accessibility check of your website. Use tools and tests to ensure that all content is accessible to people of all abilities, including those who use assistive technology.

  3.  Make adjustments: Based on the results of your assessment, implement the necessary changes. This could include improving image descriptions, optimising keyboard navigation or adding captions to videos.

  4.  Plan future reviews: Accessibility is an ongoing process. Schedule regular reviews and updates to your website to ensure it continues to meet the latest standards and remains accessible for all users.


By following these steps, you will not only ensure that your website is compliant, but also that it provides a better and more inclusive experience for everyone.

Resources:
https://www.lexware.de/wissen/unternehmensfuehrung/barrierefreiheitsstaerkungsgesetz/#wen-betrifft-das-barrierefreiheitsstaerkungsgesetz
https://www.barrierefreiheit-dienstekonsolidierung.bund.de/Webs/PB/DE/gesetze-und-richtlinien/wcag/wcag-artikel.html 
https://www.barrierefreies-webdesign.de/richtlinien/wcag-2.2/ 
https://www.w3.org/TR/WCAG22/ 

https://www.w3.org/TR/WCAG21/#interpreting-normative-requirements

Judith advises our clients on all aspects of user experience (UX). From persona creation workshops and CRO audits to supporting A/B testing, as Product Lead she is committed to making our clients' digital presence user-friendly and accessible.

author profile
Related articles
Read article
UX/CRO

Fact or Fiction? Common Misconceptions in UX

Product Lead Judith reveals the 10 most common UX myths to celebrate our 10-year anniversary.

Read article
UX/CRO

Web Accessibility: Understanding and Implementing the WCAG

From June 2025 onward, all e-commerce and service platforms in the EU must be accessible in accordance with the European Accessibility Act (EAA). This applies to all companies serving customers digitally within the EU. The EAA provides the guidelines for all EU countries, including Germany. This is put into motion via the 'Barrierefreiheitsstärkungsgesetz (Accessibility Strengthening Act)' which is legally binding for all companies concerned. The WCAG provides the framework.

Read article
UX/CRO

Global Accessibility Awareness Day 2024

The Global Accessibility Awareness Day on May 16, 2024 draws attention to accessibility. But why is it so important? Accessibility is often only associated with people with permanent disabilities, but it affects us all: anyone can find themselves in situations that make it difficult to use digital media.

Get in touch