SynthBit Logo
⌨️
Implementácia WCAG

Implementácia WCAG (prístupnosť) pre verejnú správu

Z auditov robíme reálne zlepšenia: opravíme kód, šablóny aj obsah tak, aby web spĺňal WCAG 2.2 AA (s možnosťou AAA), bol ovládateľný klávesnicou, čitateľný a použiteľný pre všetkých – na desktope aj mobile.

WCAG 2.2 AA/AAA readyKlávesnicová ovládateľnosťOverené kontrastyFormuláre s labelmi a chybamiFocus management a oznámenia

Čo získate

Praktické výstupy pripravené na nasadenie a kontrolu

Opravené šablóny a komponenty

Korektná semantika, landmarky, ARIA len tam, kde je potrebné.

Knižnica UI so stavmi A11y

Zdokumentované vzorové komponenty (Storybook/MDX).

Dizajnové tokeny

Farby/typografia/rádiusy s garantovaným AA kontrastom.

Checklist pre editorov

ALT, nadpisy, tabuľky, dokumenty, video.

Vyhlásenie o prístupnosti

Aktualizované, pripravené na publikáciu.

Regresné testy a report

Pred/po, zoznam vyriešených nálezov.

Čo konkrétne implementujeme

Konkrétne zásahy v kóde, šablónach, UI a obsahu

Klávesnicová ovládateľnosť

poradie focusu, viditeľný focus ring, skip to content, riešenie focus‑trapov

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

Kontrast a farby

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

  • Kontrastná paleta
  • Stavy prvkov
  • Light/Dark
  • Reflow/Zoom 200%+

Formuláre

labely a for/id, popisy a chybové hlášky, fieldset/legend, validácie

  • Label + for/id
  • aria-describedby
  • Error states
  • Validácia

Navigácia a menu

role, klávesové skratky, aria-expanded/controls, ukladanie focusu

  • Roly a ARIA
  • Klávesové skratky
  • Expanded/controls
  • Focus restore

Komponenty UI

akordeóny, karty, taby, karusely, tabuľky – so stavmi a klávesnicou

  • Akordeón
  • Taby
  • Karusel
  • Tabuľky

Médiá

prehrávače s titulkami, prepismi, dostupným ovládaním

  • Titulkovanie
  • Prepisy
  • Dostupné ovládanie

Proces implementácie

Od plánu po monitoring – krok za krokom

01

Plan (0–1 týždeň)

preberieme audit, spíšeme backlog, priorizujeme quick wins a šablóny

02

Design (1–2 týždne)

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

03

Build (2–6 týždňov)

implementácia v kóde, komponenty, migrácia a opravy obsahu

04

Validate (1–2 týždne)

automatizované + manuálne testy (klávesnica, NVDA/VoiceOver, mobil), UAT

05

Launch & Train

nasadenie, školenie editorov a vývojárov, vyhlásenie o prístupnosti

06

Monitor (priebežne)

mesačný quick scan, backlog nových zistení, reaudit

Balíčky a orientačné ceny

Presnú ponuku pripravíme po preštudovaní auditu a rozsahu úprav.

Remediačný sprint

od 2 900 €

Quick wins, kontrast, fokus, navigácia, 4–6 kľúčových šablón.

  • Quick wins
  • Kontrast a focus
  • Navigácia a skip linky
  • 4–6 šablón
Najpopulárnejší

Full WCAG Implementation

od 7 900 €

Komponenty, formuláre, médiá, dokumenty, Storybook, testy, vyhlásenie.

  • Komponenty + stavy
  • Formuláre a médiá
  • Storybook/MDX
  • Testy a vyhlásenie

Continuous Compliance

od 590 €/mes.

Monitoring, mini audity, support pre redakciu a vývoj.

  • Mesačný quick scan
  • Mini audity
  • Podpora tímu
  • Roadmapa

Mini prípadové štúdie

Reálne výsledky implementácie

Portál župy

doplnené skip odkazy, prepracovaný focus management, opravené formuláre; prechod externým auditom bez kritických chýb.

Externý audit: 0 kritických chýb

Tematický web OOP

kontrastná paleta a stavové prvky, dostupné karusely, titulky k videám; lepšia úspešnosť vyhľadávania.

+35% úspešnosť vyhľadávania

Metriky úspechu

0
kritických nálezov
v axe reportoch
100%
kľúčových šablón
prechádza klávesnicou/čítačkou
AA
kontrast
na všetkých interaktívnych prvkoch
+
INP/LCP
lepšia ovládateľnosť a výkon

FAQ

Najčastejšie otázky k implementácii WCAG

Chcete prejsť na WCAG‑ready web?

Pošlite nám audit alebo problémové stránky.