Zum Inhalt springen
GDPR-compliant B2B shops
All Articles Compliance

BFSG 2025: What B2B Retailers Need to Know About Accessible E-Commerce

10 min read
BFSGBarrierefreiheitComplianceWCAGB2B

Since June 28, 2025, Germany's Accessibility Strengthening Act (Barrierefreiheitsstaerkungsgesetz, BFSG) requires businesses to make their digital products and services accessible. The law transposes the European Accessibility Act (EAA) into national legislation and explicitly covers e-commerce offerings. According to the Federal Statistical Office, 7.8 million people in Germany have a recognized severe disability (Destatis, 2024). Millions more with situational or age-related limitations also benefit from accessible web stores. This article explains what B2B retailers specifically need to address.

What the BFSG Means for E-Commerce

The BFSG defines accessibility requirements for products and services placed on the market or provided after June 28, 2025. For e-commerce, services in electronic commerce are particularly relevant: web stores selling goods or services to consumers must meet the requirements of the harmonized standard EN 301 549. This standard references the Web Content Accessibility Guidelines (WCAG) 2.1 Level AA as the minimum standard for web content.

The legal situation for pure B2B stores requires nuanced consideration. The BFSG primarily targets consumer transactions. A B2B store that sells exclusively to commercial customers and offers no consumer access formally falls outside the scope of the law. In practice, however, this distinction is problematic: many B2B stores are accessible to unregistered visitors, some operate hybrid models with B2C components, and market surveillance authorities have not yet communicated a clear boundary. From a risk management perspective, implementing accessibility is therefore strongly recommended for B2B retailers as well.

Independent of legal obligations, there are compelling business reasons for accessibility in B2B. Buyers with visual impairments, motor limitations, or age-related restrictions operate in the business customer environment as well. An accessible store opens up this user group and simultaneously improves overall usability for all users. According to a study by the German Retail Association, 15 percent of all online users directly benefit from accessibility measures (HDE, 2024).

WCAG 2.2: The Four Principles of Accessibility

The Web Content Accessibility Guidelines in the current version 2.2 constitute the international standard for accessible web content. Although the BFSG formally references WCAG 2.1, aligning with the newer version 2.2 is recommended as it includes additional success criteria for mobile interaction and cognitive accessibility. The WCAG is based on four fundamental principles that every element of a web store must satisfy.

Perceivable

All content must be perceivable by users regardless of sensory limitations. This includes alternative text for images, captions for videos, sufficient color contrast (at least 4.5:1 for normal text), and the ability to enlarge content without information loss.

Operable

The entire store must be operable via keyboard. All interactive elements -- navigation, filters, cart, checkout -- must be reachable and usable without a mouse. Time limits must be adjustable, and content must not trigger seizures.

Understandable

Content and operation must be understandable. This includes a declared page language, consistent navigation, comprehensible error messages for forms, and input assistance for data entry.

Robust

Code must be interpretable by various devices and assistive technologies. Valid HTML, correct ARIA attributes, and semantic markup ensure that screenreaders and other assistive tools correctly render content.

The Most Common Accessibility Deficiencies in B2B Stores

An analysis by WebAIM shows that 96.3 percent of all examined homepages have at least one WCAG error (WebAIM, 2025). Certain deficiencies occur particularly frequently in B2B stores, as the complexity of the interface -- with extensive product filters, nested forms, and dynamically loaded content -- creates additional accessibility challenges.

The five most common problems in B2B stores are: missing or meaningless alternative text for product images, insufficient color contrast in navigation and action buttons, dropdown menus and filter bars not accessible via keyboard, missing form labels in checkout and registration processes, and inadequate ARIA markup for dynamically loaded content such as cart updates or search results.

Particularly critical in the B2B context are complex ordering processes. Quick-order forms with CSV upload, multi-level approval workflows, and order lists with hundreds of line items must be not only functional but also accessible to users with assistive technologies. A screenreader user must be able to understand which step of the ordering process they are in, which fields are required, and what actions buttons trigger.

Keyboard Navigation: The Foundation of Operability

Keyboard navigation is the single most important criterion for accessibility and simultaneously one of the most frequently violated standards. Every interactive element in the store -- links, buttons, form fields, dropdown menus, tabs, modal dialogs -- must be reachable via the Tab key. The focus order must be logical and correspond to the visual layout.

For B2B stores with complex product filters, implementation is particularly demanding. Filters with checkboxes, sliders, and nested categories must be keyboard operable without requiring the user to tab through dozens of steps to reach the desired filter. Skip links that jump directly to the main content or filter bar, and ARIA landmarks that semantically mark page regions, help here.

The focus indicator -- the visual highlight of the currently focused element -- must be clearly visible. WCAG 2.2 strengthens requirements for the focus indicator with the new success criterion 2.4.13: the focus indicator must have a minimum size and contrast to be recognizable even for users with limited vision. A subtle outline is often insufficient; a clearly visible focus ring with at least 2 pixel width and a 3:1 contrast ratio against the background is the recommended solution.

Screenreader Compatibility: Using ARIA Correctly

Accessible Rich Internet Applications (ARIA) supplements HTML with additional information for assistive technologies. In the context of a B2B store, ARIA attributes are particularly important for dynamic content that changes without page reload: cart updates, search results, filter changes, and status messages. Without ARIA live regions, a screenreader user does not notice these changes.

The golden rule with ARIA is: no ARIA is better than bad ARIA. Semantic HTML -- button instead of div with onclick, nav instead of div with role=navigation, input with label instead of placeholder text -- solves the majority of accessibility problems without additional ARIA attributes. ARIA comes into play when native HTML elements are insufficient, such as for tabs, accordions, tree views, and complex widgets.

For the checkout process of a B2B store, an ARIA stepper implementation is recommended that communicates to the screenreader user the current step, total number of steps, and completion status of each step. Required fields must be marked with aria-required=true, and validation errors must be linked to corresponding error messages via aria-describedby.

Color Contrast and Visual Design

WCAG 2.2 Level AA requires a contrast ratio of at least 4.5:1 for normal text and 3:1 for large text (from 18pt or 14pt bold). For non-text elements such as icons, form borders, and focus indicators, a minimum contrast of 3:1 applies. Many B2B stores use corporate colors that do not meet these requirements -- such as light gray text on white backgrounds or colored buttons with white text on too-light backgrounds.

Adapting the color palette to WCAG requirements often requires balancing corporate design with accessibility. In practice, most color conflicts can be resolved by choosing text colors one to two shades darker and slightly lightening background colors. For B2B, red-green differentiation is also relevant: status indicators and inventory traffic lights should not be coded exclusively through color but additionally through icons or text labels.

Practical Implementation in Shopware Open Source

Shopware in its current version already includes some accessibility features, particularly semantic HTML in the default theme, keyboard navigation for the main navigation, and language declaration. However, gaps remain in practice that must be closed through theme customizations or plugins. The checkout process, product filters, and custom Shopping Experiences typically require manual remediation.

A systematic approach to BFSG implementation in Shopware comprises four phases: First, a WCAG audit that documents the current state and prioritizes deficiencies. Second, theme adaptation -- color contrast, focus indicators, font sizes. Third, template overhaul -- semantic HTML, ARIA attributes, form labeling. And fourth, implementing automated accessibility tests in the deployment pipeline to prevent regressions with future updates.

AreaTypical DeficienciesSolutionEffort
NavigationNot keyboard accessibleFocus management, skip linksMedium
Product ImagesMissing alt textDescriptive alternative textLow
FormsMissing labelslabel elements, aria-describedbyLow
Color ContrastBelow 4.5:1Adjust color paletteMedium
Dynamic ContentNo ARIA live regionsaria-live, role=statusMedium
CheckoutStepper not accessibleARIA stepper, required field markingHigh

Fine Risks and Market Surveillance

Violations of the BFSG can be penalized with fines of up to 100,000 euros. Market surveillance is the responsibility of state authorities, which can conduct both proactive inspections and complaint-driven reviews. Beyond the fine risk, competitors or consumer protection associations may issue cease-and-desist notices, asserting BFSG violations as unfair competition under the UWG.

Companies must also provide an accessibility statement on their website that describes conformance status, identifies known limitations, and offers a feedback mechanism. This statement must be reachable from every page of the store and regularly updated. The absence of the statement constitutes a standalone BFSG violation.

Observe the Transition Period

For services that were already provided before June 28, 2025, a transition period until June 27, 2030 applies. New stores or substantial relaunch projects must meet the requirements since the effective date. The transition period does not, however, exempt from the obligation to provide the accessibility statement.

Accessibility as a Quality Standard in B2B

Independent of legal requirements, accessibility is a quality standard that improves usability for all users. Semantic HTML and well-designed keyboard navigation benefit every user, not just people with disabilities. In the B2B context, where efficiency and speed in ordering are decisive, accessible design leads to measurably higher user satisfaction and faster task completion.

Investing in accessibility pays off in the long run: the initial effort for a WCAG audit and implementation of prioritized measures for a typical B2B store ranges from 5,000 to 20,000 euros depending on complexity and starting state. Compared to potential fines, reputational risk, and missed business opportunities, this is a manageable investment with lasting value.

The growing importance of ESG criteria in supplier selection reinforces this trend: large procurement organizations already assess whether their suppliers provide accessible digital offerings. A B2B store that is WCAG 2.2 compliant positions itself as a responsible and forward-thinking business partner.

Free initial consultation

Non-binding initial consultation, individual analysis of your requirements and an honest assessment of the project scope.