SynthBit Logo
⌨️
Implementace WCAG

Implementace WCAG (přístupnost) pro veřejnou správu

Z auditů děláme reálná zlepšení: opravíme kód, šablony i obsah tak, aby web splňoval WCAG 2.2 AA (s možností AAA), byl ovladatelný klávesnicí, čitelný a použitelný pro všechny – na desktopu i mobilu.

WCAG 2.2 AA/AAA readyOvládání klávesnicíOvěřené kontrastyFormuláře s popisky a chybamiFocus management a oznámení

Co získáte

Praktické výstupy připravené k nasazení a kontrole

Opravené šablony a komponenty

Korektní semantika, landmarky, ARIA jen tam, kde je potřeba.

Knihovna UI se stavy A11y

Dokumentované vzorové komponenty (Storybook/MDX).

Design tokeny

Barvy/typografie/rádiusy s garantovaným AA kontrastem.

Checklist pro editory

ALT, nadpisy, tabulky, dokumenty, video.

Prohlášení o přístupnosti

Aktualizované, připravené k publikaci.

Regresní testy a report

Před/po, seznam vyřešených nálezů.

Co konkrétně implementujeme

Konkrétní zásahy v kódu, šablonách, UI a obsahu

Ovládání klávesnicí

pořadí fokusu, viditelný focus ring, skip to content, fokus v modálech

  • Pořadí fokusu
  • Focus ring
  • Skip link
  • Trap handling

Kontrast a barvy

paleta pro AA/AAA, stavy, light/dark parita, reflow a zoom 200%+

  • Kontrastní paleta
  • Stavy prvků
  • Light/Dark
  • Reflow/Zoom 200%+

Formuláře

labely a for/id, popisy a chybová hlášení, fieldset/legend, validace

  • Label + for/id
  • aria-describedby
  • Chybové stavy
  • Validace

Navigace a menu

role, klávesové zkratky, aria-expanded/controls, uložení fokusu

  • Role a ARIA
  • Klávesové zkratky
  • Expanded/controls
  • Focus restore

UI komponenty

akordeony, karty, taby, karusely, tabulky – se stavy a klávesnicí

  • Akordeon
  • Taby
  • Karusel
  • Tabulky

Média

přehrávače s titulky, přepisy, dostupným ovládáním

  • Titulky
  • Přepisy
  • Dostupné ovládání

Proces implementace

Od plánu po monitoring – krok za krokem

01

Plan (0–1 týden)

projdeme audit, sepíšeme backlog, prioritizujeme quick wins a šablony

02

Design (1–2 týdny)

doplníme UI stavy, kontrastní paletu a návrhy obsahových úprav

03

Build (2–6 týdnů)

implementace v kódu, komponenty, migrace a opravy obsahu

04

Validate (1–2 týdny)

automatizované + manuální testy (klávesnice, NVDA/VoiceOver, mobil), UAT

05

Launch & Train

nasazení, školení editorů a vývojářů, prohlášení o přístupnosti

06

Monitor (průběžně)

měsíční quick scan, backlog nových zjištění, re‑audit

Balíčky a orientační ceny

Přesnou nabídku připravíme po prostudování auditu a rozsahu úprav.

Remediační sprint

od 72 500 Kč

Quick wins, kontrast, fokus, navigace, 4–6 klíčových šablon.

  • Quick wins
  • Kontrast a focus
  • Navigace a skip linky
  • 4–6 šablon
Nejpopulárnější

Full WCAG Implementation

od 197 500 Kč

Komponenty, formuláře, média, dokumenty, Storybook, testy, prohlášení.

  • Komponenty + stavy
  • Formuláře a média
  • Storybook/MDX
  • Testy a prohlášení

Continuous Compliance

od 14 750 Kč/měs.

Monitoring, mini audity, podpora pro redakci a vývoj.

  • Měsíční quick scan
  • Mini audity
  • Podpora týmu
  • Roadmapa

Mini případové studie

Reálné výsledky implementace

Portál kraje

doplněny skip odkazy, přepracovaný focus management, opravené formuláře; externí audit bez kritických chyb.

Externí audit: 0 kritických chyb

Tematický web OOP

kontrastní paleta a stavové prvky, dostupné karusely, titulky k videím; lepší úspěšnost vyhledávání.

+35% úspěšnost vyhledávání

Metriky úspěchu

0
kritických nálezů
v axe reportech
100%
klíčových šablon
projde klávesnicí/čtečkou
AA
kontrast
na všech interaktivních prvcích
+
INP/LCP
lepší ovladatelnost a výkon

FAQ

Nejčastější otázky k implementaci WCAG

Chcete přejít na WCAG‑ready web?

Pošlete nám audit nebo problémové stránky.