Making an online shop accessible: test, fix, evidence

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 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.

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.

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.