Skip to content
BFSG compliance since 2025

Shop, web & email

Accessibility does not end on the homepage. This category looks at the channels where customers actually complete their journey: online shops with filters, variants and checkout, forms and appointment booking, customer accounts, newsletters and transactional emails, and designed landing pages. We show which typical patterns exclude people — controls without accessible names, colour as the only signal, time limits, unreadable text baked into email images — and how to replace them without giving up design. This includes testing routes for checkout flows, dealing with third-party building blocks and how requirements can be transferred into existing design systems and templates so new pages are accessible from the start. We also show how to build recurring components accessibly once and then reuse them across campaigns and shop pages.

Accessible Typography: the four adjustment leversLine height1.5xline-heightParagraph spacing2xafter paragraphLetter spacing0.12xletter-spacingWord spacing0.16xword-spacingA layout must allow these text spacings without any loss of content (W3C WCAG 2.2, 1.4.12)Clearly distinguishable letterformsI l 1easily confusedI l 1Atkinson Hyperlegible200 percent scaling100%200%without layout breakage (WCAG 1.4.4)10 %of people are affectedby dyslexia(British Dyslexia Association)Better readability without a special fontLeft-aligned text, sans-serif screen fonts andadjustable spacing beat a dyslexia font(Annals of Dyslexia, British Dyslexia Association)
Shop, web & email May 27, 2026

Accessible Typography: Fonts, Size and Readability

Readable font choice, size, line spacing and 200 percent scaling under WCAG 2.2: how to get accessible typography right, without the dyslexia-font myth.

12 min read
Accessible email: what actually mattersSubject: Your order is on its wayFrom: Example Shop • to: customer@example.comlang=enOrder confirmationReal text, not an image: readable aloud, scalableand visible even when images are blocked.alt: sneaker, side viewrole=presentationTrack shipmentContrast 4.5:1checkedFont size around 14–16 px, scalable via zoomColors robust in light and dark modelang attributeWCAG 3.1.162% missing (EMC)Alt textWCAG 1.1.148% missing (EMC)Contrast 4.5:1WCAG 1.4.3text on backgroundLayout tablerole=presentation84% missing (EMC)Font sizescalablearound 14–16 pxDark moderobustreadable in both modes99.88%of HTML emails withserious barriers (EMC)47.88%of images withoutalt text (EMC)How the email passes the testReal text, declared language, checked contrast, robust in dark mode
Shop, web & email May 18, 2026

Accessible Newsletters: Email Marketing Under the EAA

Accessible newsletters and transactional emails under the EAA and WCAG 2.1: lang attribute, alt text, contrast, real text and dark mode made practical.

13 min read