O čom je tento checklist

Checklist mapuje 34 kontrolných bodov na WCAG 2.1 AA, vybrané kritériá z WCAG 2.2 (Target Size, Dragging Movements) a EN 301 549 V3.2.1 — európsky štandard digitálnej prístupnosti. Čo z toho vyplýva zo zákona, vysvetľujem v článku o povinnosti prístupnosti.

Disclaimer: Checklist je orientačný self-assessment nástroj. Nenahrádza manuálny audit od experta a nie je právnym poradenstvom. Záväzné je znenie zákona č. 351/2022 Z. z. na Slov-Lex. Audit robím za príplatok po dohode, pozri služby.

Splnené: 0 / 34

Perceivable · WCAG princíp 1 1. Vnímateľnosť

8 bodov Obsah musí byť prezentovaný spôsobom, ktorý dokážu vnímať všetci používatelia — vrátane nevidiacich, slabozrakých a používateľov s farboslepotou.

Všetky informačné obrázky majú zmysluplný atribút alt (nie „obrázok", „IMG_1234.jpg" ani prázdny pri grafe či fotografii produktu). WCAG 1.1.1 A
Dekoratívne obrázky (ozdobné línie, ikony pri texte) majú alt="" a sú skryté pred čítačkou obrazovky. WCAG 1.1.1 A
Predtočené video má titulky v jazyku obsahu (otvorené alebo cez track soft-titulky). WCAG 1.2.2 A
Predtočené audio (podcast, hlasová správa) má dostupný písomný prepis. WCAG 1.2.1 A
Kontrast bežného textu voči pozadiu je minimálne 4.5:1, veľkého textu (≥ 18 pt / 14 pt bold) aspoň 3:1. Overené napr. v WebAIM Contrast Checkeri. WCAG 1.4.3 AA
Text je možné zväčšiť na 200 % bez horizontálneho scrollu a bez prekrývania obsahu (browser zoom, nie iba text-size). WCAG 1.4.4 AA
Žiadna informácia nie je signalizovaná iba farbou (chyba formulára, „kliknite na červené tlačidlo", graf bez popiskov). WCAG 1.4.1 A
Obsah sa pri šírke 320 CSS px (mobilné zobrazenie) preusporiada bez straty informácií alebo funkcií a bez vodorovného posúvania, okrem výnimiek, ako sú tabuľky alebo mapy. WCAG 1.4.10 AA

Operable · WCAG princíp 2 2. Ovládateľnosť

9 bodov Komponenty rozhrania a navigácia musia byť ovládateľné — klávesnicou, dotykom aj myšou. Bez tohto princípu odpadnú používatelia s motorickým postihnutím.

Všetka funkcionalita je dostupná z klávesnice (Tab, Shift+Tab, Enter, Space, šípky pri komponentoch ako tab/select). WCAG 2.1.1 A
Žiadne klávesové pasce — fokus sa vždy dá presunúť ďalej (testuj modálne okná, embed widgety, mapy). WCAG 2.1.2 A
Skip-nav link „Preskočiť na hlavný obsah" je prvý fokusovateľný prvok stránky. WCAG 2.4.1 A
Indikátor fokusu je viditeľný (outline, border alebo background) a má dostatočný kontrast voči okoliu. WCAG 2.4.7 AA
Žiadny obsah neblika viac ako 3-krát za sekundu (riziko fotosenzitívnej epilepsie). WCAG 2.3.1 A
Touch targety majú minimálne 24 × 24 CSS px (WCAG 2.2 AA), ideálne 44 × 44 px pri kritických akciách (kúpiť, odoslať). WCAG 2.5.8 AA (2.2)
Auto-rotujúce karuselo, slider alebo carousel má viditeľné ovládanie pause / stop / hide pre používateľa. WCAG 2.2.2 A
Hover/focus tooltip alebo popup je dismissible — dá sa zatvoriť klávesom Esc bez straty fokusu. WCAG 1.4.13 AA
Funkcie využívajúce drag & drop (zmena poradia, presun do košíka) majú alternatívu cez kliknutie alebo klávesy. WCAG 2.5.7 AA (2.2)

Understandable · WCAG princíp 3 3. Zrozumiteľnosť

7 bodov Text aj správanie rozhrania musia byť zrozumiteľné. Formuláre, chybové hlásenia a navigácia patria k najčastejším bodom zlyhania pri SK auditoch.

Element <html> má atribút lang so správnym kódom (lang="sk"). Inojazyčné citáty/sekcie majú vlastný lang. WCAG 3.1.1 A
Každá stránka má unikátny a popisný <title>, ktorý vystihuje obsah aj brand. WCAG 2.4.2 A
Všetky polia formulára majú asociovaný <label for="..."> alebo aria-label. Placeholder nenahrádza label. WCAG 3.3.2 A / 1.3.1 A
Chybové hlásenia formulára jasne hovoria, ktoré pole je nesprávne a ako problém opraviť (nie iba „Chyba!"). WCAG 3.3.1 A / 3.3.3 AA
Povinné polia sú označené vizuálne (* alebo „povinné") aj programovo (aria-required="true" alebo required). WCAG 3.3.2 A
Navigácia, hľadanie a odkazy sa správajú konzistentne naprieč celým webom (rovnaké umiestnenie, rovnaké poradie). WCAG 3.2.3 AA
Žiadna automatická zmena kontextu pri fokuse alebo zmene hodnoty (napr. submit formulára pri zmene <select>). WCAG 3.2.1 A / 3.2.2 A

Robust · WCAG princíp 4 4. Robustnosť

6 bodov Obsah musí byť dostatočne robustný, aby ho zvládli rôzne prehliadače, čítačky obrazovky a budúce asistívne technológie. Základ: validný a sémantický HTML.

HTML je validný — žiadne duplicitné id, nesprávne nested elementy, chýbajúce uzatvárajúce tagy. Overené W3C validatorom. WCAG 4.1.1 A (deprecated v 2.2, stále best practice)
Použité sú sémantické značky: <header>, <nav>, <main>, <article>, <aside>, <footer>. Žiadne <div> tam, kde patrí <button>. WCAG 1.3.1 A
Nadpisy vystihujú štruktúru obsahu a sú označené prvkami h1 – h6. Odporúčaná prax: úrovne idú postupne bez preskakovania a hlavný nadpis stránky je h1. WCAG 1.3.1 A / 2.4.6 AA
ARIA atribúty (aria-label, aria-labelledby, aria-describedby) sú použité tam, kde čistá HTML sémantika nestačí — a iba tam. WCAG 4.1.2 A
Custom interaktívne komponenty (modal, tab, accordion, combobox) majú správny role a stav (aria-expanded, aria-selected). WCAG 4.1.2 A
Stavové správy (úspech, chyba, aktualizácia košíka) sú oznámené čítačke cez role="status" alebo aria-live. WCAG 4.1.3 AA

EAA / EN 301 549 / zákon 351/2022 Z. z. 5. SK-špecifické a EAA

4 bodov Body navyše pre slovenský trh — súvisia s transpozíciou Európskeho aktu o prístupnosti, ktorá je účinná od 28. 6. 2025.

Ak sa ťa zákon týka: web má zverejnené informácie o prístupnosti služby (vo všeobecných podmienkach alebo na samostatnej stránke): opis služby, vysvetlenie, ako funguje, a opis, ako spĺňa požiadavky na prístupnosť; ako dobrá prax aj kontakt a postup pri nahlásení problému. Zákon 351/2022 Z. z. § 6 ods. 2
Informácie o prístupnosti obsahujú funkčný kontaktný kanál (e-mail, formulár), kam môže používateľ nahlásiť bariéru prístupnosti. Dobrá prax (vzor: smernica 2016/2102 čl. 7)
Cookie banner / consent UI je plne ovládateľný klávesnicou, má fokusovateľné tlačidlá a jasný popis (nie len „OK"). WCAG 2.1.1 A
Pri viacjazyčnom webe sú jazykové verzie označené atribútom hreflang a prepínač jazyka je v hlavnej navigácii. WCAG 3.1.1 A + SEO best practice

Potrebuješ manuálny audit?

Rozsah a výstup auditu dohodneme podľa webu, za príplatok.

Spýtať sa na audit →