Accessibility is not just a ânice to haveâ. It ensures that more people can use your content â regardless of device, situation or limitations. In addition to a better user experience, it also benefits SEO, conversion and brand trust. What’s more, new legal requirements for many digital offerings (BFSG / implementation of the European Accessibility Act) will come into force in Germany on 28 June 2025. Optimising now means you’ll be on the safe side. (Federal Accessibility Agency)
Why it matters
- Greater reach & revenue: Accessible websites are easier for everyone to use â and perform measurably better.
- Fewer abandonments: Clear structure, good contrast, understandable forms = less frustration.
- Legal certainty: Accessible online offerings are mandatory for many products and services. Details depend on the specific offering. (Federal Accessibility Agency)
- Future-proof: WCAG 2.2 is the current W3C standard and a solid guide for teams. (W3C)
10 quick wins you can tackle today
1) Meaningful alternative text for images
What it does: Screen readers understand images; Google does too
- Describe purpose rather than appearance (âLogo of …â only if necessary)
- Exclude decorative images with
alt=""
- Quick test: Check the image in the code or briefly activate the screen reader
2) Sufficient colour contrast
What it achieves: Text and buttons are legible under all conditions
- Target values (WCAG AA guideline): 4.5:1 for normal text; 3:1 for large text
- Check contrasts with a checker (e.g. in the browser DevTool or external tools)
3) Keyboard operation & visible focus
What it achieves: Usable without a mouse â important for many users (and tests)
- Using Tab to navigate the page: are all interactive elements accessible?
- Focus clearly visible (do not hide with
outline: none
) - Drop-down menus must not obscure the focus. (WCAG 2.2: âFocus not obscured (Minimum)â) (W3C)
4) Clear heading hierarchy
Benefits: Structure becomes understandable â for users and assistive technologies
- Structure content logically (
h1
âh2
âh3
…) - Do not use headings solely for visual purposes
5) Meaningful link texts
Benefits: Links are understandable in context
- Instead of âclick hereâ: âDownload price listâ, âView projectâ
- Specify multiple, similar links (e.g. âOffer â Web designâ)
6) Forms with labels & clear error messages
Benefits: Faster input, fewer abandonments
- Each field has a visible label (not just a placeholder)
- Explain errors in plain text and provide a solution
- Groupings (e.g. radio buttons) with
fieldset
/legend
7) Subtitles & transcripts for media
Benefits: Videos can be used in noisy/quiet environments and without audio
- Add subtitles, provide transcripts
- No autoplay; always offer start/pause controls
8) âSkip to contentâ link & logical focus order
Benefits: Users jump directly to the main area at the beginning
<a class="skip-link" href="#main">Skip to content</a>
<main id="main">...</main>
.skip-link{position:absolute;left:-9999px;}
.skip-link:focus{left:0;top:0;padding:.5rem;}
- Navigation elements first, then main content, then footer â this keeps the focus path logical
9) Sufficient touch targets (also for mouse/touch pen)
What it achieves: Fewer misclicks, better mobile operation
- Interactive targets are at least 24Ă24 CSS pixels or have the appropriate spacing (WCAG 2.2: âTarget Size (Minimum)â) (W3C)
10) Set semantics & language correctly
What it does: Assistive technologies understand the page more reliably
- Real elements instead of div tinkering:
button
instead of clickablediv
,nav
/main
/footer
as landmarks - Page language in the
html
tag:lang=âenâ
(or appropriate)
Quick checks & helpful tools
- Browser DevTools â Lighthouse (Accessibility)Â or Googles PageSpeed Insights for an initial overview
- A11y Check from Friendly Captcha
- Screen reader quick test (macOS: VoiceOver, Windows: NVDA)
- Contrast check (e.g. in DevTool or with your own checker)
Legal background (brief & understandable)
- In Germany, the Accessibility Enhancement Act (BFSG) â national implementation of the European Accessibility Act â has been in force since 28 June 2025, with requirements for digital consumer services (e.g. e-commerce), among other things. Whether and how you are affected depends on the specific service you offer. (Federal Accessibility Agency)
- WCAG 2.2 is the current W3C standard and a good technical guide for teams and service providers (W3C)
Conclusion
Accessibility improves user experience, reach and conversion and reduces legal risks. The ten quick wins above can often be implemented in existing pages without redesign. Start with two or three points (e.g. contrast, focus, forms) and build on that. If you like, I can help you with a short accessibility check of your site and a concrete action plan.