SynthBit Logo
⌨️
WCAG Implementation

WCAG implementation (accessibility) for public administration

We turn audits into real improvements: we fix code, templates and content to meet WCAG 2.2 AA (with AAA for critical parts), keyboard operable, readable and usable for everyone – desktop and mobile.

WCAG 2.2 AA/AAA readyKeyboard operabilityVerified contrastsForms with labels and errorsFocus management and announcements

Benefits of implementation

From components and tokens to tests and monitoring — we deliver measurable improvements

Accessible templates

Refactored page templates with proper structure, headings, landmarks and focus order.

UI library with states

Components with keyboard operability and ARIA states documented in Storybook.

Design tokens (AA/AAA)

Contrast‑safe palette, sizing and spacing tokens for consistent accessibility.

Editorial checklist

Guidelines for headings, ALT text, tables, links, documents and error messages.

Accessibility statement

We prepare a statement draft with scope, exceptions and update methodology.

Tests and monitoring

Automated + manual tests (NVDA/VoiceOver), monthly quick scan and regression guardrails.

What we implement

Concrete changes in code, templates, UI and content

Keyboard operability

focus order, visible focus ring, skip to content, modal focus traps

  • Focus order
  • Focus ring
  • Skip link
  • Trap handling

Contrast and colors

AA/AAA palette, states, light/dark parity, reflow and 200%+ zoom

  • Contrast palette
  • Stateful elements
  • Light/Dark
  • Reflow/Zoom 200%+

Forms

labels and for/id, descriptions and error messages, fieldset/legend, validation

  • Label + for/id
  • aria-describedby
  • Error states
  • Validation

Navigation and menus

roles, keyboard shortcuts, aria-expanded/controls, focus restore

  • Roles and ARIA
  • Keyboard shortcuts
  • Expanded/controls
  • Focus restore

UI components

accordions, cards, tabs, carousels, tables – with states and keyboard

  • Accordion
  • Tabs
  • Carousel
  • Tables

Media

players with captions, transcripts and accessible controls

  • Captions
  • Transcripts
  • Accessible controls

Implementation process

From plan to monitoring – step by step

01

Plan (0–1 week)

review audit, create backlog, prioritize quick wins and templates

02

Design (1–2 weeks)

add UI states, contrast palette and content suggestions

03

Build (2–6 weeks)

code implementation, components, content migration and fixes

04

Validate (1–2 weeks)

automated + manual tests (keyboard, NVDA/VoiceOver, mobile), UAT

05

Launch & Train

deployment, training editors and developers, accessibility statement

06

Monitor (ongoing)

monthly quick scan, backlog for new findings, re‑audit

Packages and indicative prices

We prepare an exact quote after reviewing the audit and scope.

Remediation sprint

from €2,900

Quick wins, contrast, focus, navigation, 4–6 key templates.

  • Quick wins
  • Contrast and focus
  • Navigation and skip links
  • 4–6 templates
Most popular

Full WCAG Implementation

from €7,900

Components, forms, media, documents, Storybook, tests, statement.

  • Components + states
  • Forms and media
  • Storybook/MDX
  • Tests and statement

Continuous Compliance

from €590/mo

Monitoring, mini audits, editorial and dev support.

  • Monthly quick scan
  • Mini audits
  • Team support
  • Roadmap

Mini case studies

Real implementation results

County portal

skip links added, focus management reworked, forms fixed; passed external audit with no critical issues.

External audit: 0 critical issues

Thematic OOP website

contrast palette and stateful elements, accessible carousels, video captions; improved search success.

+35% search success

Success metrics

0
critical findings
in axe reports
100%
key templates
pass keyboard/screen reader
AA
contrast
on all interactive elements
+
INP/LCP
better operability and performance

FAQ

Common questions about WCAG implementation

Ready to implement WCAG the right way?

Send us your requirements or schedule a short call to align on scope and next steps.