Accessible online shops: Every customer can buy

E-commerce platforms are technically complex: interactive filter bars, dynamic cart updates, multi-step checkouts and JavaScript-driven product configurators pose particular accessibility challenges. The WebAIM Million study shows that e-commerce websites have above-average WCAG errors (Source: WebAIM Million 2024). The most common issues concern missing form labels, insufficient color contrasts, non-keyboard-accessible interactive elements and missing ARIA attributes for dynamic content.

The checkout is the most business-critical area of an online shop and simultaneously the area with the most accessibility challenges. Here complex forms, dynamic validation, payment integration and address suggestions converge. The following examples illustrate typical barriers and our solution approaches.

Accessibility requirements are identical across platforms, but technical implementation varies by shop system. We have experience with the most common e-commerce platforms and know the platform-specific challenges and solutions.

Accessibility in e-commerce is not just a legal obligation but a measurable business advantage. Around 7.8 million severely disabled people live in Germany (Source: Destatis 2023), plus millions with temporary impairments and the growing group of over-65s. An accessible user interface also improves general usability: clear forms, understandable error messages and a logical page structure reduce cart abandonment for all users.

Studies show that the average cart abandonment rate in e-commerce is around 70 percent (Source: Baymard Institute 2024). A significant portion of these abandonments is attributable to usability issues: incomprehensible forms, missing error messages, confusing navigation and lack of transparency in checkout. Many of these problems overlap with accessibility barriers. Fixing WCAG violations therefore not only improves accessibility for people with disabilities but reduces cart abandonment and increases conversion rates for all customers.

A growing share of e-commerce revenue is generated through mobile devices. According to Statista, the mobile share of e-commerce revenue in Germany in 2024 was over 40 percent (Source: Statista 2024). For accessibility this means: your online shop must be usable not only on desktop computers but also on smartphones and tablets with accessibility features enabled. VoiceOver on iOS and TalkBack on Android interpret HTML and ARIA partly differently than desktop screen readers, which is why mobile testing is an indispensable part of our audit.

WCAG 2.2 specifically addresses mobile accessibility: success criterion 2.5.8 requires a minimum size of 24x24 CSS pixels for interactive target areas to improve operability for people with motor impairments. Success criterion 2.5.7 requires drag-and-drop interactions to also be operable without dragging movements, particularly relevant for touch devices. Additionally the reflow requirement (1.4.10) must be ensured: content must be usable at 400 percent zoom, equivalent to 320 CSS pixel viewport width, without horizontal scrolling. Our audit tests all these requirements on real mobile devices with screen readers enabled.

The accessibility of an online shop depends not only on technical infrastructure but also on product data quality. Alt texts for product images must meaningfully describe the product: not just the product name but also relevant visual features like color, material and shape. For extensive catalogs with thousands of products we recommend a systematic alt text strategy: definition of a consistent description structure, training for product data maintainers and quality control through spot-check audits. Additionally product descriptions must be written in understandable language, tables with technical data must be correctly marked up and downloadable documents like datasheets and instructions must be created accessibly.

Special attention is also required for search function and filter navigation. Search autocomplete must be keyboard-operable and announce suggestions via ARIA live regions. Filter results must communicate the updated result count after each filter change. Faceted navigation elements need correct ARIA roles and states so screen reader users understand which filters are active and how many results remain. These interaction patterns are technically demanding but reliably solvable with the right ARIA patterns.

Online shops carry a particularly high compliance risk as they directly fall under the BFSG as electronic commerce services. The micro-enterprise exemption generally does not apply to online shops, even with fewer than ten employees. Violations threaten not just fines of up to 100,000 euros (Source: BFSG Section 37) but also injunction lawsuits from consumer protection and disability associations. In the USA, where ADA Title III has been used for accessibility lawsuits for years, e-commerce companies are disproportionately frequently sued (Source: UsableNet ADA Litigation Report 2024). It is expected that a similar development will emerge in the EU.

Beyond direct legal consequences a non-accessible online shop also carries reputational risk. Reports about poor accessibility spread quickly on social media and in the disability rights movement and can sustainably damage brand image. Conversely companies that proactively invest in accessibility position themselves as responsible and inclusive. This commitment can be a differentiating factor in competition, especially in industries where competitors have not yet taken the topic seriously. Our WCAG 2.2 audit gives you the certainty that your shop meets legal requirements.

The BFSG's accessibility obligation is not limited to the shop itself. Associated customer communication should also be accessibly designed: order confirmation emails must be semantically structured and readable with assistive technologies. Invoices and delivery notes provided as PDF must be tagged and navigable accessibly. Customer service channels must offer alternative contact options, not only by phone but also via email, chat or contact form. Returns portals and complaint processes must be just as accessible as the purchase process itself.

Special attention also deserves the accessibility of marketing content: newsletters should be semantically correctly structured and contain meaningful alt texts for product images. Landing pages for advertising campaigns must meet the same accessibility standards as regular shop pages. Even though the newsletter itself does not directly fall under the BFSG, it is inconsistent from a user perspective if the shop is accessible but the associated communication is not. A consistently accessible customer experience from first touchpoint to after-sales service strengthens trust and customer loyalty.

We advise you holistically on all aspects of the accessible e-commerce experience: from the shop itself through transaction communication to customer service. In our WCAG 2.2 audit we consider all relevant touchpoints and provide concrete recommendations for each area. This ensures your customers experience a consistently accessible experience regardless of which channel they use to interact with your company.