Accessibility in ecommerce: how to reach more customers

Accessibility in ecommerce was long seen as a paid extra: nice to have, not essential. That view is badly wrong, both economically and legally. The World Health Organization estimates that 1.3 billion people worldwide live with a significant disability.

That is 16 per cent of the world’s population. In the European Union, it affects around 100 million people. One in six potential customers is systematically shut out by a shop that is not accessible.

Legally, the European Accessibility Act (EAA) has made digital accessibility mandatory for ecommerce providers since 2025. The technical basis is the standard EN 301 549 v3.2.1, which builds on WCAG 2.1 Level AA.

If you do not comply, you risk fines, exclusion from public tenders and lasting damage to your reputation. The question is no longer whether you make your shop accessible, but how fast.

The business case for accessibility

In the United Kingdom, the combined spending power of disabled people and their households is called the “Purple Pound” and is worth 249 billion pounds a year. In the US, the Department of Labor puts the spending power at over 13 trillion dollars. That is not a niche, it is an economic heavyweight that most competitors consistently ignore.

The WebAIM Million 2024 shows that 95.9 per cent of the one million most visited websites have detectable WCAG errors. In other words, almost every shop on the internet excludes people. The shop that does it differently, systematically, gains an advantage you can measure directly in market share and revenue.

Accessibility and SEO also go hand in hand. The same structural measures that help screen readers help search engine crawlers: semantic HTML, meaningful alt texts, a correct heading hierarchy, clear link texts. Technically, an accessible shop is a better optimised shop. Investing in accessibility is also investing in organic visibility.

The most common barriers and their technical fixes

Visual barriers: contrast and scalability

The WebAIM Million identified low colour contrast as the most common error: 83.9 per cent of all pages checked failed WCAG contrast requirements. The minimum contrast for normal text is 4.5:1 against the background, and 3:1 for large text (over 18 pt, or 14 pt bold).

Tools such as the WebAIM Contrast Checker or the axe DevTools browser extension show in real time which colour combinations comply. For design systems, we recommend defining a palette in which all primary and secondary colours automatically form compliant pairs. That prevents errors at the design stage and removes costly rework in development.

Image barriers: alt texts and non-text content

53.1 per cent of the pages in the WebAIM study had images without alternative text. Screen readers, the software visually impaired people use, cannot describe such images. The user never learns what the product looks like and cannot make a buying decision.

A good alt text follows three rules. It describes the content precisely (“Red leather handbag with gold clasp, front view”). It is short (under 125 characters, because many screen readers cut off longer texts). It distinguishes between informative and decorative images (the latter get alt=“” so screen readers skip them).

Interactive barriers: keyboard operation and focus management

About 7.5 per cent of the adult population cannot use a mouse, for motor, neurological or temporary reasons (a broken arm, repetitive strain injury, tremor). These users navigate with the keyboard only. If your shop does not support keyboard operation, you exclude disabled people and people with temporary limitations.

The technical requirements are clear. Every function must be reachable by keyboard (logical tab order, no keyboard traps). The focus indicator must be visible (at least a 2-pixel outline, 3:1 contrast). Interactive elements must not rely on hover events alone.

Cognitive barriers: clear structure and plain language

15 to 20 per cent of the population have cognitive or neurological differences that affect how they process information. For these users, complex navigation, unclear error messages and nested forms are obstacles they cannot get past.

What helps: a logical heading hierarchy (H1–H6 with no gaps). Unambiguous form labels (not just placeholder text that disappears as you type). Clear error messages that explain what is wrong and how to fix it. Consistent navigation on every page. Plain language (B1 level) for critical content such as terms and conditions, privacy and returns policies.

Legal requirements in detail

Testing strategy: automated, manual and with real users

Automated tools such as axe DevTools, WAVE or Lighthouse cover 25 to 30 per cent of WCAG criteria, mainly those that can be checked technically, such as contrast, missing alt texts and missing labels. The rest needs manual checks and human judgement.

Manual checks include:

• Keyboard navigation: can every function be reached without a mouse? Are there keyboard traps?
• Screen reader test: NVDA (free, Windows), JAWS (commercial, Windows), VoiceOver (built in, macOS/iOS).
• Zoom test: zoom the page to 200 per cent. Is the content still usable? Do elements overlap?
• Colour blindness simulation: Chrome DevTools has built-in simulations for deuteranopia, protanopia and tritanopia.

The gold standard is usability testing with real disabled users. Organisations such as the “Fördergemeinschaft der Deutschen Blindenstudienanstalten” or “Aktion Mensch” can put you in touch with testers. It costs 80 to 150 euros per tester, an investment that prevents expensive mistakes and delivers insights no automated tool can capture.

Your 90-day roadmap to an accessible website

Accessibility as a driver of innovation

Accessibility drives innovation beyond compliance. Voice assistants were originally pushed forward by the blind community. Today billions of people use Siri, Alexa and Google Assistant, not just people with visual impairments. The core principles of accessible interfaces, clear structure, plain language and multimodal interaction, are the same principles that make voice interfaces, chatbots and AI assistants work.

For ecommerce operators, this means investing in accessibility is also investing in technology that will last. A shop optimised for screen readers today is better prepared for voice commerce tomorrow. A shop with a clear information architecture today is better equipped for AI shopping assistants tomorrow.

The cost of doing nothing

Look at the opportunity cost. A shop with 50,000 monthly visitors excludes about 8,000 disabled people through WCAG errors (16 per cent).

At a conversion rate of 2 per cent and an average order value of 80 euros, the shop loses 12,800 euros in revenue a month, 153,600 euros a year. A full accessibility overhaul typically costs 5,000 to 25,000 euros. It pays for itself within a few months.

Then there are the legal risks. In the US, more than 4,600 ADA-related web accessibility lawsuits were filed in 2023, up 43 per cent on the year before. The EU expects similar momentum now the EAA is in force. The cost of a lawsuit or fine proceedings is many times the cost of prevention.

Building accessibility into the design system

The most effective long-term fix for accessibility is to build it into the design system. A design system defines colours, typography, components and interaction patterns centrally. If accessibility is built in from the start, every new feature and every new page inherits it automatically, at no extra effort.

In practice: colour palettes that contain only WCAG-compliant combinations. Button components with built-in focus indicators. Form fields with mandatory labels and autocomplete attributes. Image components that make alt text a required field. Every component passes accessibility tests before it enters the system. This “shift left” approach prevents costly rework and builds a culture of inclusion.

The role of your people and company culture

Technology and design systems alone are not enough. Accessibility needs awareness in every team. Developers need to know how semantic HTML works. Designers need to treat contrast and legibility as design constraints. Content managers need to be able to write alt texts. Marketing managers need to see that accessibility is not a nice-to-have but a strategic competitive advantage.

Training, internal workshops and regular accessibility hackathons build this awareness. Companies that make accessibility part of their employer branding also win talent: Generation Z expects inclusive products and sees inclusion as a value in an employer.

Accessibility and artificial intelligence

AI opens up new possibilities for accessibility. Automatic image descriptions using computer vision now reach 85 per cent accuracy on standard product images. Voice assistants make it possible to use a shop entirely without a screen. Automated contrast checks find errors in real time during design.

These technologies do not replace manual checks, but they scale accessibility work considerably. A shop with 10,000 products cannot write alt texts for every image by hand, but it can use AI-generated descriptions as a starting point and have people validate them. This hybrid approach is the practical way to scale.

Conclusion

Accessibility is not a project with an end date. It is an ongoing quality discipline that has to run alongside security and performance. The business case is convincing: a market of 100 million people in the EU alone, better SEO, lower abandonment rates and a competitive edge your competitors largely overlook.

The legal case is compelling: compliance has been mandatory since 2025. Start now and you gain time, know-how and customers. Wait, and you risk fines, damage to your brand and losing a growing market segment.