Are you from the public sector?

Accessible Online Shop – Overview of Requirements and Implementation

Key Points

Accessibility in online shops is not only a social responsibility but also a legal requirement since the entry into force of the Barrierefreiheitsstärkungsgesetz (BFSG). Anyone operating an online shop must ensure that all users can access products and services regardless of any limitations they may have. The requirements for an accessibly designed shop are wide-ranging and affect both technical and content-related aspects.

This page provides a structured overview of the legal foundations, practical implementation options, and common pitfalls surrounding the topic of accessible online shops. You will learn how to systematically implement the requirements of the BFSG in e-commerce, which testing procedures are relevant, and what shop operators and technical service providers should pay particular attention to.

Systematics and Structure of Accessibility in Online Shops

Accessibility in online shops is based on clearly defined legal and normative requirements. The central foundation is the Barrierefreiheitsstärkungsgesetz (BFSG), which specifies the requirements for digital offerings in e-commerce. This is complemented by the international WCAG 2.1 guidelines at Level AA and the national BITV 2.0. These standards define how online shops must be structured technically and in terms of content in order to be accessible to all user groups.

Unlike general websites, an accessible online shop places particular demands on structure and functionality. Beyond the provision of information, the focus here is on interaction and transaction. This applies especially to product presentation, navigation through the shop, the shopping cart process, and checkout. Each of these areas must be designed so that users with various limitations can complete the entire purchasing process independently and without assistance.

A structured implementation of accessibility in e-commerce therefore encompasses both technical compliance with standards and the accessible design of all shop…
A structured implementation of accessibility in e-commerce therefore encompasses both technical compliance with standards and the accessible design of all shop-specific functions.

Shop Area Accessibility Requirements
Product Presentation Alt texts for images, clear descriptions, clear structure
Shopping Cart & Navigation Keyboard operability, sufficient contrasts, logical focus order
Checkout Process Form labels, error messages, screen reader support
Customer Support & Service Accessible contact options, accessible help pages
  • BFSG, WCAG 2.1 AA, and BITV 2.0 form the legal and normative basis.
  • Accessibility in online shops requires a special structure and functionality.
  • All shop areas – from product presentation to checkout – must be designed to be accessible.
  • Technical and content requirements are intertwined.

Principles and Basic Logic of Accessible Online Shops

The four principles of the WCAG — perceivability, operability, understandability, and robustness — form the underlying logic for accessible online shops.
The four principles of the WCAG — perceivability, operability, understandability, and robustness — form the underlying logic for accessible online shops. These principles ensure that core shop functions are accessible and usable for all user groups. In e-commerce, this means, for example, that product images and prices must be perceivable for blind users through alternative texts, while navigation and the ordering process should be fully operable by keyboard.

The practical application of these principles is evident across numerous areas of an online shop: a clear structure and plain language support people with cogn…
The practical application of these principles is evident across numerous areas of an online shop: a clear structure and plain language support people with cognitive limitations when completing forms during checkout. Robust technical implementation, such as semantically correct HTML, ensures compatibility with various assistive technologies and devices. Practical examples such as high-contrast buttons, logical tab sequences, and clear error messages illustrate how these principles are applied in the day-to-day operation of an accessible online shop.

  • The four WCAG principles shape the design of accessible online shops.
  • Shop functions must be accessible for a wide range of disabilities.
  • Practical examples demonstrate the concrete implementation of the principles in e-commerce.
  • Consistent application improves the user experience for everyone.

Implement accessibility in a structured and legally compliant manner

7 days unrestricted access. No payment details required.

Success Criteria and Evaluation System for Accessible Online Shops

The success criteria of WCAG 2.1 AA are the definitive benchmark for evaluating an accessible online shop. In e-commerce, criteria such as keyboard operability, sufficient color contrast, clear form labels, and consistent navigation structures are of particular importance. These requirements are not all weighted equally: while alternative texts for product images play a central role in online shops, for instance, other criteria such as timing controls are less relevant than in interactive web applications.

Unlike general websites, online shops must take industry-specific characteristics into account. These include complex checkout processes, filter functions, and dynamic product listings. The prioritization of requirements is therefore guided by the key interaction points within the shop — particularly where users carry out transactions or enter personal data. A systematic evaluation framework helps to identify weaknesses in a targeted manner and implement improvements efficiently.

Success Criterion Significance in Online Shop
Keyboard Operability Essential for navigation, product selection, and checkout without a mouse
Alt Texts for Images Indispensable for product presentation and offers
Form Accessibility Important for order, registration, and payment processes
Consistent Navigation Facilitates orientation in large product catalogs
Color Contrasts Relevant for readability of prices, buttons, and notices
  • WCAG 2.1 AA success criteria are weighted differently in online shops.
  • Industry-specific functions require their own prioritization.
  • Evaluation systems help identify and remedy weaknesses.
  • Accessibility affects all central interaction points of the shop.

Testing and Audit Logic for Accessibility in Online Shops

Accessibility testing in online shops is carried out through a combination of automated tests, manual analyses, and the incorporation of user feedback. Automated tools capture many technical requirements, such as contrast values or missing alternative texts. Manual reviews are essential for evaluating complex interactions such as the checkout process or operability with keyboard and screen reader. In addition, feedback from users with various limitations provides valuable insights into practical barriers encountered in everyday shop use.

An audit in the e-commerce context follows a structured process: it begins with an inventory using automated tools, followed by a detailed manual review of all core shop functions. Typical audit steps include examining navigation, product presentation, form processes, and help pages. The findings are recorded in clear and traceable documentation that covers both identified barriers and recommended measures for improvement.

Testing Method Strengths and weaknesses
Automated Tests Quick detection of technical errors, but do not cover complex interactions
Manual Review Identifies complex barriers, but is more time-consuming and requires expertise
User Feedback Reveals practical problems, but is not always systematic and representative
  • Accessibility in online shops is assessed through various testing procedures.
  • Automated and manual tests complement each other effectively.
  • User feedback provides practical insights.
  • Documentation is essential for traceability and improvements.

Concrete Implementation of Accessibility in Online Shops

The practical implementation of accessibility in online shops requires targeted measures at both the technical and editorial level.
The practical implementation of accessibility in online shops requires targeted measures at both the technical and editorial level. These include clearly structured navigation that is fully operable by keyboard, accessible product filters, and clearly labeled, error-tolerant forms in the checkout process. The integration of media such as product images and videos also requires the provision of alternative texts and subtitles, in order to give all user groups equal access to information.

Shop operators should pay attention to accessible functions both when creating new shop systems and when retrofitting existing ones. Many systems offer plugins or extensions that facilitate the implementation of technical standards. Nevertheless, editorial maintenance — such as creating texts, alternative descriptions, and correctly marking up content — remains a central component. The combination of technical adaptation and ongoing editorial quality assurance is essential for a consistently accessible online shop.

  • Accessibility requires technical and editorial measures.
  • Navigation, filters, and forms are key starting points.
  • Widgets can support technical implementations.
  • Editorial quality remains consistently important.

Uncertain about legal requirements?

Schedule a free consultation and speak with one of our experts.

Regulatory Classification: BFSG and Accessibility in E-Commerce

The Barrierefreiheitsstärkungsgesetz (BFSG) requires online shop operators to make their digital offerings accessible by 28 June 2025 at the latest.
The Barrierefreiheitsstärkungsgesetz (BFSG) requires online shop operators to make their digital offerings accessible by 28 June 2025 at the latest. The law is aligned with the requirements of the EU directive and specifies the obligations for German e-commerce. In addition to the technical standards of WCAG 2.1 AA, the BFSG stipulates that all shop-specific functions — from product search to checkout — must be accessible to users with various limitations.

Unlike other legislation such as the Behindertengleichstellungsgesetz (BGG) or BITV 2.0, which primarily apply to public bodies, the BFSG explicitly targets private commercial actors in online retail. The legal requirements apply to all operators, service providers, and technical suppliers who provide online shops within the scope of the law. For the companies concerned, this means a clearly defined framework for action and binding deadlines for the implementation of accessible shop solutions.

  • The BFSG legally mandates accessibility in e-commerce.
  • The deadline for implementation is June 28, 2025.
  • Private shop operators and service providers are directly affected.
  • The BFSG supplements existing laws with specific requirements for online shops.

Typical Challenges and Sources of Error in Accessible Online Shops

Implementing an accessible online shop presents various challenges in practice. Common problems arise from technical limitations of standard shop templates and plugins that do not inherently meet all accessibility requirements. Barriers recur particularly when adapting navigation, product filters, or checkout processes, for example through missing keyboard operability or inadequate labeling of form fields.

There are also organizational pitfalls: responsibilities are often unclear, and continuous quality control of content is frequently lacking.
There are also organizational pitfalls: responsibilities are often unclear, and continuous quality control of content is frequently lacking. Absent standards and insufficient training mean that editorial errors such as uninformative alternative texts or unstructured product descriptions go unnoticed. The following table illustrates typical sources of error and their impact in the online shop context.

Challenge Typical Source of Error
Technical Implementation Incomplete keyboard operability, faulty screen reader compatibility
Shop Templates and Widgets Missing contrasts, non-accessible filter functions
Editorial Content Empty or imprecise alt texts, unclear product descriptions
Organizational Processes No regular audits, lack of accessibility responsibilities
  • Technology, content, and processes harbor specific accessibility pitfalls.
  • Lack of standards in templates and widgets complicates implementation.
  • Editorial and organizational errors are common causes of barriers.
  • Regular testing and clear responsibilities help minimize sources of error.

Accessibility in Online Shops: Impact on User Groups

Accessibility in online shops has a direct impact on various user groups who depend on digital offerings. People with visual impairments, such as blind or severely sight-impaired users, encounter barriers when product images lack alternative texts or when contrast levels are insufficient. For individuals with motor limitations, fully keyboard-operable navigation is essential, as they are often unable to use a mouse. Users with cognitive limitations benefit from clearly structured content, plain language, and comprehensible instructions, particularly during complex processes such as checkout.

Accessible online shops are also important for people with hearing impairments, such as deaf or hard-of-hearing customers — for example through subtitles for product videos or text-based contact options. The impact of barriers ranges from difficulties in product search to complete exclusion from the purchasing process. A consistently accessible design takes into account the varying needs of all user groups, thereby enabling equal participation in e-commerce.

  • Accessibility addresses diverse limitations and needs.
  • Specific barriers affect navigation, media, and comprehensibility in the shop.
  • User-centered design promotes the participation of all customer groups.
  • Insufficient accessibility can exclude user groups from shopping.

Implement accessibility in a structured and legally compliant manner

7 days unrestricted access. No payment details required.

Accessibility and Usability in Online Shops – Differences and Synergies

Accessibility and usability pursue related but distinct goals in online shops.
Accessibility and usability pursue related but distinct goals in online shops. While accessibility is aimed at enabling all people — regardless of limitations — to access digital offerings, usability focuses on general user-friendliness. Not every measure to improve usability automatically leads to greater accessibility, and vice versa. For example, a particularly dynamic navigation may make user guidance easier for many, while at the same time making operation more difficult for screen reader users.

At the same time, there are numerous synergies: clear structures, plain language, and easily recognizable interactive elements are beneficial both for people with limitations and for the general user base. Measures such as sufficiently large buttons, high-contrast colors, and consistent navigation logic enhance both accessibility and usability. In practice, it is important to identify potential conflicts between these goals at an early stage and to choose solutions that optimally support both aspects.

  • Accessibility and usability are independent but closely related concepts.
  • Synergies arise from measures such as clear structures and good readability.
  • Conflicting goals can occur, e.g., with dynamic elements.
  • A balanced design strengthens user-friendliness for everyone.

Obligations and Exceptions for Online Shops under BFSG

Particularly critical for accessibility in online shops are functions such as product filters, the entire checkout process, and payment processing. Barriers often arise in these areas, for example, due to inaccessible filter options, unclear or unlabeled form fields, and a lack of support for keyboard and screen reader use. Dynamic elements and complex interactions also make use difficult for many user groups.

Conclusion

Accessibility in online shops is not only a legal requirement, but also an essential factor for the user-friendliness and reach of digital offerings. Implementation affects all central shop functions—from navigation and product filters to checkout—and demands both technical and editorial measures. In particular, the BFSG (Barrierefreiheitsstärkungsgesetz / German Accessibility Strengthening Act) sets clear deadlines and specifications that make structured planning and continuous testing necessary.

For operators and service providers, this means systematically reviewing existing processes and systems for accessibility,avoiding typical sources of error, and considering the needs of various user groups. Integrating accessible solutions not only improves inclusion but also has a proven positive impact on conversion rates and customer loyalty.

  • Accessibility is mandatory and practically relevant in e-commerce.
  • Technical, editorial, and organizational measures are necessary.
  • Consistent implementation strengthens the user experience and market access.

Accessibility Check: How accessible is your homepage?

Check your homepage with the AccessGO quick check.
Identify risks and barriers according to WCAG standards.

The most important questions and answers.

Accessibility improves the user experience in online shops and generally has a positive impact on conversion rates. Users can complete the purchasing process independently and without obstacles, which reduces cart abandonment. Studies and practical experience show that accessible shops achieve higher completion rates and reach a broader customer base, as they are usable by all user groups.

Accessibility improves the user experience in online shops and generally has a positive impact on conversion rates. Users can complete the purchasing process independently and without obstacles, which reduces cart abandonment. Studies and practical experience show that accessible shops achieve higher completion rates and reach a broader customer base, as they are usable by all user groups.

Mobile devices place particular demands on accessibility in online shops. A responsive design is essential to ensure that content and functions remain easily accessible on smartphones and tablets. Specific challenges include small interactive elements, touch gestures, and compatibility with mobile assistive technologies. Adherence to mobile accessibility standards such as WCAG 2.1 is therefore indispensable for accessible shops.

Accessible online shops are required to document all measures taken to establish and maintain accessibility. This includes audit reports, descriptions of technical and editorial adjustments, and evidence of the prioritization and implementation of individual steps. Documentation should be continuously updated and made available upon request during audits or inquiries.

Existing online shops can be made accessible retroactively by implementing technical and editorial adjustments, publishing an up-to-date accessibility statement, and producing regular audit reports. The statement must disclose the current status and any existing limitations. Legal requirements also call for transparent documentation of all measures taken and evidence of completed audits.

Questions about digital accessibility? We're here to help.

accessgo-photo-experts-3x
Talk to our AccessGO experts
We provide competent advice on all your questions.
or

AccessGO Plugin in Aktion

per Klick oder Tastatur ALT + 1