Accessible websites - What do I really have to consider from June 2025?

2025 | 11 min reading time

Accessibility is more present than ever thanks to the upcoming Accessibility Improvement Act. But who do the new regulations apply to and, if they do, what do I need to bear in mind? What are the benefits of digital accessibility and how do I take the first steps? This article will give you an overview of the topic.

What does accessibility mean?

Accessibility can be divided into four areas:

Perceptibility
Your users can perceive your elements in the best possible way.

- Clear color contrasts
- Sizes and spacing of the elements
- Flexible font sizes
- Layout (information hierarchy & placement)
- Clear navigation and structures.
- Alternative texts for images and non-text content.
- Subtitles and audio descriptions for media.

Comprehensibility
Users understand what each element does and how they should use it.

- Clear and simple language, plain language if required.
- Predictable and consistent navigation.
- Consistent naming of elements.
- Helpful texts (element labels, tooltips) and supporting elements (e.g. icons, text formatting for links).
- Visual changes to element statuses
- Help and error messages must be explained clearly, not just visually through color.
- Input aids for forms and interactive elements.

Operability
The elements can be operated by any person.

- All functions must be usable without a mouse (keyboard control).
- Focus state available
- Alternatives for hover functions
- Clickable alternatives for hand/touch gestures
- Sufficient time for input and interaction.
- Sufficient size and spacing between elements, especially important when using a smartphone
- Avoidance of design elements that could trigger seizures (e.g. flickering content)
- Compatibility with different devices and assistive technologies (e.g. screen readers).

Robustness
The design works on all devices, browsers and screen sizes

- Responsive design
- Native HTML and structured code.
- General functionality.

[Q1]


Advantages of accessible websites

Accessible digital products have a number of advantages. If you are not yet convinced by the two most important arguments in favor of digital accessibility, digital participation and equal opportunities. Here are a few more reasons why you should definitely think about digital accessibility, even if none of the legal regulations apply to you.

- Improve your SEO
An accessible or even a low-barrier website generates more traffic! This is because search engines such as Google rate accessible websites better and ultimately rank them higher in the search results than websites that are not accessible. This was also confirmed in 2023 by a study conducted by accessibilitychecker.org and Semrush. According to the study, average traffic increased by 12% for all participants and 66.1% of participants even saw an increase in monthly organic traffic of up to 50%! [Q3]

- Expand target groups
With accessible websites, you expand your target groups. This means more people are able to use your digital product without any problems, which in turn can mean more profit.

- Strengthen your brand through trust
Accessible websites create trust through their better usability and therefore more loyalty to your brand.

- Create a new USP
Stand out from the competition and show commitment! Better usability through accessibility can only strengthen your product!

[Q2]

With an accessible website, you not only make your website more usable for people with disabilities, but for everyone. Limitations can occur in many different contexts in everyday life, they can be permanent, temporary and situational and have an impact on how your content is consumed. As part of its Inclusive Design Guide, Microsoft provides some examples of different contexts that directly affect the use of a digital product. [Q4]

Approximately 449 million people live in the EU, of which 101 million people (as of 2023) are considered disabled. In Germany, 7.9 million people (as of 2023) are considered severely disabled. [Q5]

Illustration to clarify various exemplary types of disabilities and limitations in the four categories Touch, See, Hear and Speak, each subdivided into Permanent, Temporary and Situational. List of categories: 1. touch: Permanent: One arm, Temporary: Arm injury, Situational: Fresh Parent; 2. Sight: Permanent: Blind, Temporary: Cataract, Situational: Distracted driver; 3. hearing: Permanent: Deaf, Temporary: Ear infection, Situational: Bartender:in; 4. speaking: Permanent: Non verbal, Temporary: Laryngitis, Situational: Strong accent; source is “https://inclusive.microsoft.design/”.

One website - many ways to use it!

Digital products and websites are also used differently depending on the context and person! This affects the way in which content is consumed and used. Additional tools can play a role here, the use of which can be incorporated into accessibility and anticipated during development:

- Assistive technologies
These include, for example, screen readers that play back content on the audio track.

- Individual browser settings
Individual settings can be, for example, the standard display of the text size, a language or a font that is easy for you to read.

- Voice control
With voice controls such as Siri on the iPhone, for example, control is possible at audio level.

- Keyboard instead of cursor or touch
Certain key commands make it possible to operate accessible websites without a cursor or touch gestures. A standard setting here is usually the use of the Tab key, which can be used to jump from one interactive element to the next, Enter to enter/click or the arrow keys to scroll.

Many of the tools mentioned improve the usability of your website or product even in the event of technical problems or defects, as they can also be operated differently than by default.


What are the legal regulations?

Accessibility Reinforcement Act (BFSG)

The latest legal regulation on accessibility includes the Barrier-Free Accessibility Reinforcement Act (BFSG), which will come into force on June 28, 2025. The law obliges German private companies to ensure the accessibility of digital products and services, including e-commerce platforms and web stores, ATMs, ticket machines and mobility services. Examples include Deutsche Bahn's website and ticket machines, as well as online stores such as Zalando. As of February 2025, there will be no transition period.

The standard for implementation is DIN EN 301 549, digital products must at least meet the requirements of the Web Content Accessibility Guidelines 2.1 and, depending on the technical functionality, also the criteria of BITV 2.0. A list of all criteria can be found here: BIK BITV test + WCAG 2.2 (Web). [Q6, Q7]

How do I know if I have to comply with the BFSG?

Although the BFSG is aimed at the private sector, it excludes micro-enterprises at this point. As can be seen in the diagram below, the law only applies to companies that conduct B2C business and it counts whether a company has more than 10 employees and an annual turnover of over 2 million euros. Only if both of the criteria apply does a company fall into the category of microenterprise. If only one of the criteria applies and your company offers an online store or a service that can be booked online, you need to take action. Because then the Accessibility Reinforcement Act applies. Non-compliance will have legal consequences, including very likely fines. [Q8]

If a company is active in the B2C sector, the next question is whether it has more than 10 employees. If this is not the case, it is checked whether the turnover is over 2 million euros. If both criteria do not apply, the law does not apply. If at least one of these criteria applies, the company is also asked whether it has an online store or offers a service that can be booked online. If one of these conditions is met, the BFSG applies. Otherwise, there is no obligation. Source: gehirngerecht.digital

Disability Equality Act (BGG)

The Disability Equality Act lays the foundation for digital accessibility in the public sector. It obliges federal authorities and public institutions to make their digital services accessible. A central component is the right to barrier-free communication, for example through content in plain language or sign language. The extent to which content is accessible is checked and users can also report content via a procedure. [Q9, Q10]

Barrier-free Information Technology Ordinance (BITV 2.0)

Based on EU Directive 2016/2102, the Accessible Information Technology Ordinance sets out specific national requirements for accessibility within digital applications. The technical and design requirements for digital accessibility in the BITV are based in part on the international Web Content Accessibility Guidelines (WCAG) in accordance with the 2.1 AA standard and have been supplemented by other national standards and legal requirements. Public bodies such as authorities, schools and universities in particular are obliged to make their websites, mobile applications and documents accessible. [Q11]

Web Content Accessibility Guidelines (WCAG)

The WCAG are the international standard for digital accessibility and are developed by the World Wide Web Consortium (W3C). They provide clear guidelines for designing and implementing accessible websites, apps and digital products. [Q12] The WCAG are divided into three conformance levels - A, AA and AAA - with AA being the minimum standard in many legal regulations, including the BITV 2.0 and the BFSG.


What can I do to make my website accessible?

Designing and implementing an accessible website or digital product is ultimately a team effort. All parties in the design and development process must be involved.

The design team, which considers accessibility from the outset in the design, structure and arrangement of the content.

The development team, which creates the code and code structure correctly during the technical set-up of the project and can anticipate potential technical pitfalls.

The team responsible for content creation and editing curates and writes accessible content and provides transcripts, subtitles and alternative texts.

Ideally, there should also be a group of testers whose feedback is equally important for usability and accessibility and should definitely be included.

Accessibility is a common goal that can only be achieved through close collaboration between different teams. Design, development, content and testing are closely linked and dependent on each other. Success lies in the exchange and continuous coordination across team boundaries.

ZENTRALNORDEN helps you take your next steps towards accessibility!

Would you like a free website check or an accessible website? Our team of experts is here to help and advise you. Let us advise you on your needs at any time in a no-obligation initial consultation! Contact us now


Quellen

[Q1] Gehirngerecht (2024), Die grundlegenden Designprinzipien hinter Barrierefreiheit, 'https://gehirngerecht.digital/die-grundlegenden-designprinzipien-hinter-barrierefreiheit/' (Last accessed on 15.05.2025)

[Q2] Gehirngerecht (2024), Digitale Barrierefreiheit – Darauf kommt es bis 2025 an, 'https://gehirngerecht.digital/digitale-barrierefreiheit/' (Last accessed on 15.05.2025)

[Q3] Gehirngerecht (2023), 5 Wege, um gleichzeitig die Barrierefreiheit und dein SEO zu verbessern, 'https://gehirngerecht.digital/barrierefreiheit-seo-verbessern/' (Last accessed on 15.05.2025)

[Q4] Microsoft Inclusive Design, 'https://inclusive.microsoft.design/' (Last accessed on 15.05.2025)

[Q5] Statistisches Bundesamt (2024), Pressemitteilung Nr. 281 vom 19. Juli 2024, 'https://www.destatis.de/DE/Presse/Pressemitteilungen/2024/07/PD24_281_227.html' (Last accessed on 15.05.2025)

[Q6] Gehirngerecht (2024), Die EN 301 549 – Das relevante Gesetz, 'https://gehirngerecht.digital/die-en-301-549-das-relevante-gesetz/' (Last accessed on 15.05.2025)

[Q7] BIK BITV Test, BIK BITV-Test + WCAG 2.2 (Web)Prüfschritte, 'https://bitvtest.de/pruefverfahren/bitv-20-plus-web' (Last accessed on 15.05.2025)

[Q8] Gehirngerecht (2023), Digitale Barrierefreiheit: Was du laut Anwalt jetzt wissen musst 'https://gehirngerecht.digital/digitale-barrierefreiheit-pflicht-wissen/' (Last accessed on 15.05.2025)

[Q9] Beauftragter der Bundesregierung für die Belange von Menschen mit Behinderungen, Behindertengleichstellungsgesetz 'https://www.behindertenbeauftragter.de/DE/AS/rechtliches/behindertengleichstellungsgesetz/behindertengleichstellungsgesetz-node.html' (Last accessed on 15.05.2025)

[Q10] Steffen KJ. Zimmermann – Experte für Barrierefreiheit und Inklusion,'https://www.skjz.de/websites-oeffentlicher-stellen-muessen-ab-jetzt-oeffentlich-erklaeren-warum-sie-ggf-nicht-voll-barrierefrei-sind/' (Last accessed on 15.05.2025)

[Q11] Beauftragter der Bundesregierung für Informationstechnik, Barrierefreie-Informationstechnik-Verordnung (BITV 2.0), 'https://www.barrierefreiheit-dienstekonsolidierung.bund.de/Webs/PB/DE/gesetze-und-richtlinien/bitv2-0/bitv2-0-node.html' (Last accessed on 15.05.2025)

[Q12] Web Content Accessibility Guidelines (WCAG) 2.1, 'https://www.w3.org/TR/WCAG21/' (Last accessed on 15.05.2025)

Tags: Accessibility, BFSG, Barrierefreiheitsstärkungsgesetz, websites

Marina Rost

UX Design | ZENTRALNORDEN

As a strategic designer with an IoT background, Marina is dedicated to all UX & UI topics at Zentralnorden, always with the right method as an ace up her sleeve. Marina is strategically involved in many areas and always has the metaphorical scalpel at hand. The more complex the topic, the better.