Web development without limits part 1: The practical guide for accessible design

Contents

Digital accessibility – ever heard of it? For sure. But what exactly is behind it? And more importantly, which regulations and laws will also apply to private companies from this year? How can web developers take them into account appropriately and efficiently? Basically, digital content is always accessible if it can be found, accessed and used by all people, regardless of their abilities (see Section 4 BGG). Guidelines, laws and standards provide recommendations and specifications for the creation and review of accessible digital content.

Lukas Baumann

Lukas Baumann arbeitet als Wissenschaftlicher Mitarbeiter im Fachgebiet Rehabilitationstechnologie. Seine Schwerpunkte liegen in den Bereichen Digitale Barrierefreiheit und digitale Teilhabe von Menschen mit Behinderung.

Miriam Bursy

Miriam Bursy arbeitet als Prozesskoordinatorin am Berufsbildungswerk in Dortmund vom CJD NRW Nord. Ihre Schwerpunkte liegen in den Bereichen Inklusion und Arbeit sowie digitale Teilhabe von Menschen mit Behinderung.

This article is the first part of a series of articles on digital accessibility. It will begin by discussing the necessity and advantages of implementing accessible digital content, as well as providing information on the most important legal frameworks and guidelines for accessible digital content in Germany and the EU.

Digital accessibility is for everyone

People with disabilities are dependent on comprehensive accessibility when using digital services. In Germany alone, this affects at least eight million people (see statistics on severely disabled people from the Federal Statistical Office), although this figure only includes people with a recognized severe disability. However, it is not only people with a (severe) disability who are affected by difficult access to digital services. Senior citizens, people with different native languages and language levels and children also benefit from accessible digital services.

Accessibility in the digital sector should help to ensure that all people (regardless of their physical or intellectual abilities) can use digital services without any particular difficulty and in the same way. This means that there should be no disadvantages or detours in use. This involves both the visual design and acoustic and haptic access as well as the functionality that ensures access and use for all users. To date, only public institutions in the European Union (EU) have been legally obliged to implement digital accessibility. With the entry into force of the European Accessibility Act (EAA) in 2019, the private sector will also be obliged to implement digital accessibility from mid-July 2025.

What is the case for consistent implementation of digital accessibility?

When it comes to implementing accessible digital content, it initially seems to involve a lot of work that affects a comparatively small target group. But is this really the case?

The most important arguments for implementing digital accessibility

• Advantages for all users
• Competitive advantages through accessibility
• Corporate social responsibility
• Legal obligations for public institutions and the private sector

In principle, accessible digital content and accessibility in digital applications improve usability for everyone. High color contrasts, large click areas or clear structures on websites are a prerequisite for people with visual impairments to be able to use digital content successfully. At the same time, they also make it easier for children, senior citizens and digital newcomers to understand important content. These groups of people have individual challenges (such as poor concentration) and skills in dealing with digital content and therefore also benefit from the adapted design elements. However, "digital natives" without visual impairments also benefit from these adaptations, as they can also grasp the content of a website faster and better at a glance.

Another example of content adaptation concerns the language used on websites: Simple and clear language is important for people with learning difficulties so that they can understand texts better. At the same time, this also makes it easier to use digital information for people who face language barriers due to a migration or refugee background and are just learning to read a new language. An accessible website therefore does not mean offering a separate version for people with disabilities. Rather, accessibility is an integral requirement for every website in order to provide content that is easy to use and understand for all people.

It can also be worthwhile for website operators to make websites accessible. Against the backdrop of social and demographic developments in Germany (increasing number of older people, immigration, etc.), digital accessibility is an important economic factor. Accessible digital offerings strengthen competitiveness and can expand the user and customer base (see The Business Case for Digital Accessibility | Web Accessibility Initiative (WAI) | W3C). For example, if a website is clearly structured and products can be found quickly, this appeals to visitors who might be overwhelmed on other websites.

Accessibility can also be a convincing social selling point. In this way, accessibility can be linked to corporate social responsibility and shows that the website operator is willing to take on social responsibility. This approach has long-term positive effects for companies, such as opportunities for cooperation or new potential customers (see Corporate Social Responsibility - Definition | Gabler Wirtschaftslexikon). Another argument in favor of barrier-free implementation is a better rating by search engines. Websites that use alternative texts for graphics, images and logos and prepare texts in a technically and content-wise well-structured manner are rated better by search engines and prioritized as search results.

Accessibility as an obligation

In the European Union, the barrier-free implementation of digital services is no longer a "nice to have", but is enshrined in European directives and national laws. The legal basis for this goes back to the ratification of the UN Convention on the Rights of Persons with Disabilities (UN CRPD), which sets out the human rights of people with disabilities in concrete terms. Figure 1 shows the most important directives and laws from a German perspective.

The Web Accessibility Directive

The Web Accessibility Directive (WAD), officially "Directive 2016/2102 on the accessibility of the websites and mobile applications of public sector bodies", is the first European harmonized and binding minimum requirements for the design of digital products and services of public institutions. The directive applies to the design of websites and mobile applications of public sector bodies and sets out precise requirements for their implementation. Since June 2021, all websites and mobile applications of public sector bodies in the Member States must comply with the minimum accessibility requirements set out in the WAD.

In Germany, the "Act on the Equality of Persons with Disabilities" (also known as the Disability Equality Act, BGG) was adapted to the new requirements of the WAD in 2018. Section 12a "Barrier-free information technology" is particularly relevant here. Here, the obligation of public institutions at federal level to design barrier-free websites and services (e.g. apps), electronic administrative processes and graphical program interfaces is enshrined in law.

The "Ordinance on the Creation of Barrier-free Information Technology in Accordance with the Disability Equality Act" (also known as the Barrier-free Information Technology Ordinance, BITV 2.0) was also adapted to the requirements of the WAD in 2019. The ordinance implements the requirements of the WAD that were not already included in the BGG in 2018. The accessibility obligation here relates to textual and non-textual information in various formats, documents and forms for downloading and functions that require interaction between users and the system, such as authentication processes.

A special feature of the German implementation of the WAD is the requirement of BITV 2.0 in Art. 4, which obliges public institutions to provide essential content and navigation instructions on the homepage of a website in German Sign Language and in Easy Language (further information on this can be found at Netzwerk Leichte Sprache).

The European Accessibility Act

With the aim of implementing the aforementioned laws for all digital content within the EU, private-sector digital products and services in the European single market must also be accessible in accordance with the same minimum standards from 2025. These requirements are set out at European level in "Directive (EU) 2019/882 of the European Parliament and of the Council on accessibility requirements for products and services" (see European Accessibility Act, EAA), which came into force in 2019. The EAA is implemented at national level in Germany through the Barrierefreiheitsstärkungsgesetz (BFSG) of 2021. The BFSG applies to products such as computers and smartphones as well as services and communication and information offerings such as messenger services and e-books. The complete list can be found in BFSG Section 1 (2) and (3) (see BFSG - Barrierefreiheitsstärkungsgesetz). Services provided by micro-enterprises with fewer than ten employees and an annual turnover of no more than two million euros are exempt from these requirements. Whether the BFSG applies to your own products or services can be checked in the first step by means of a free BFSG Check.

In addition, the Federal Ministry of Labor and Social Affairs has drawn up guidelines for the implementation of the requirements for companies within the framework of the BFSG (see Guidelines for the application of the Accessibility Reinforcement Act of the BMAS).

Both the EAA and the WAD refer to the European standard EN 301 549 entitled "Accessibility requirements for ICT products and services". EN 301 549 is a European standard for digital accessibility. It defines accessibility requirements for information and communication technology and is considered a binding standard. It references the Web Content Accessibility Guidelines (also WCAG guidelines) and thus the basic principles and conformance levels for digital accessibility defined in the WCAG. The WCAG and EN 301 549 concretize the guidelines and laws and describe the requirements that providers of digital content must observe. Figure 2 shows the structure of the WCAG criteria according to principles, guidelines and success criteria (further information on the following website: The four principles of the Web Content Accessibility Guidelines (WCAG) 2.2).