Plnění požadavků zákona č. 424/2023 Sb. o přístupnosti

Tato stránka shrnuje, jak náš e‑shop/web plní požadavky zákona č. 424/2023 Sb., o přístupnosti internetových stránek a mobilních aplikací. Zákon vychází ze směrnice Evropské unie 2019/882 a stanovuje, že digitální služby musí být přístupné všem uživatelům, včetně osob se zdravotním postižením.

Požadavky zákona a naše plnění

  • Digitální služby musí být přístupné všem uživatelům, včetně osob se zdravotním postižením.
  • Zákon nestanovuje konkrétní technické požadavky, ale umožňuje prokázat přístupnost prostřednictvím tzv. harmonizované normy.
  • Podle § 16 zákona č. 424/2023 Sb. se za splnění zákonných požadavků považuje, pokud je služba v souladu s harmonizovanou normou nebo její částí.
  • Za účelem prokázání našeho plnění používáme normu EN 301 549 V3.2.1:2021 a WCAG 2.2 na úrovni AA. Tyto normy definují konkrétní kritéria přístupnosti a také způsoby jejich ověření.

Plnění požadavků podle harmonizované normy

Níže uvádíme konkrétní kroky, kterými plníme požadavky těchto norem:

  • Web je vnímatelný, ovladatelný, srozumitelný a stabilní podle zásad WCAG 2.2.
  • Všechny funkce webu jsou dostupné i pouze pomocí klávesnice.
  • Je zajištěna kompatibilita s asistenčními technologiemi.
  • Všechny obrázky mají smysluplné textové alternativy (atribut alt).
  • Barvy a kontrast jsou navrženy s ohledem na čitelnost pro osoby se zrakovým omezením.
  • Web je čitelný a ovladatelný i při zvětšení textu až na 200%.
  • Formuláře obsahují správně přiřazené popisky a jsou přístupné čtečkám obrazovky.
  • Struktura webu je logická, nadpisy a navigace jsou srozumitelné a dobře hierarchicky uspořádané.
  • Celý web je označen správným jazykem stránky.
  • Obsah je dostupný na všech typech zařízení (PC, mobil, tablet).
  • Web je pravidelně testován automatizovanými i manuálními nástroji, včetně ověření pomocí čteček obrazovky.
  • Na vyžádání poskytujeme informace o přístupnosti i ve zvukové podobě.

Přehled plnění dílčích požadavků přístupnosti dle EN 301 549 / WCAG 2.2:

Požadavek

Definice požadavku

Použité technologie a nástroje pro zajištění souladu

Způsob doložení souladu
Přístupnost přes klávesnici
(WCAG 2.2 – 2.1
EN 301 549 – 9.2.1)		 Všechny funkce webu jsou ovladatelné pouze klávesnicí. HTML, tabindex, ARIA Ruční testování ovládání pomocí klávesnice
Kompatibilita s asistenčními technologiemi
(WCAG 2.2 – 4.1.2
EN 301 549 – 9.4.1)		 Prvky jsou správně popsány a jsou čitelné pro čtečky obrazovky. Sémantické HTML, ARIA, alt popisky Otestované čtečky obrazovky:
NVDA, VoiceOver, TalkBack
Textové alternativy
(WCAG 2.2 – 1.1.1
EN 301 549 – 9.1.1)		 Obrázky mají smysluplné alt texty, dekorativní alt=““ HTML5 Ruční kontrola, kontrola přístupnosti nástrojem WAVE
Dostatečný kontrast
(WCAG 2.2 – 1.4.3
EN 301 549 – 9.1.4.3)		 Kontrast barev minimálně 4,5:1. CSS, WebAIM Contrast Checker Kontrola nástrojem Lighthouse a WAVE, manuální testování
Zvětšení textu
(WCAG 2.2 – 1.4.4
EN 301 549 – 9.1.4.4)		 Obsah zůstává čitelný a funkční při zvětšení textu až na 200 %. Responzivní CSS Ruční testování v prohlížečích
Přístupné formuláře
(WCAG 2.2 – 3.3.2
EN 301 549 – 9.2.5)		 Labely, logická struktura, čitelnost chybových hlášek. HTML5, ARIA Ruční testování, NVDA, VoiceOver
Logická struktura obsahu
(WCAG 2.2 – 1.3.1
EN 301 549 – 9.1.3)		 Sémantická struktura HTML, nadpisy, pořadí prvků. Sémantické HTML Validátor, ruční kontrola
Označení jazyka stránky
(WCAG 2.2 – 3.1.1
EN 301 549 – 9.3.1.1)		 Deklarace hlavního jazyka pomocí lang atributu. HTML5 atribut lang Ruční kontrola HTML
Focus je viditelný
(WCAG 2.2 – 2.4.7
EN 301 549 – 9.2.4.7)		 Focus ovládacích prvků musí být vždy viditelný a nesmí být překryt. CSS, ARIA Ruční testování při přecházení pomocí klávesnice
Vzhled focusu
(WCAG 2.2 – 2.4.11
EN 301 549 – 9.2.4.7)		 Focus musí být dostatečně patrný (např. rámeček, změna barvy). CSS Ruční kontrola a ověření s klávesnicí
Ovládání bez nutnosti táhnutí
(WCAG 2.2 – 2.5.7
EN 301 549 – 9.2.5.4)		 Interakce nevyžaduje drag & drop – alternativa pomocí kliknutí. JS fallback nebo tlačítková alternativa Nemáme žádný prvek, který využívá funkce drag & drop jak hlavní ovládací mechanismus
Minimální velikost cíle
(WCAG 2.2 – 2.5.8
EN 301 549 – 9.5)		 Tlačítka a ovládací prvky mají minimálně 24×24 px. CSS Testování velikostí ovládacích prvků na různých typech rařízeních (klikatelnost na dotykových zařízeních)
Responzivita
(vychází z WCAG 2.2 – 2.5.8, 1.4.4)		 Web je použitelný a přehledný na všech zařízeních. Responzivní CSS Testování na různých typech zařízení
Konzistentnost
(WCAG 2.2 – 3.2.6
EN 301 549 – 9.3.2.3)		 Nápovědy, navigace, kontakty a další podpůrné prvky jsou přístupné a dostupné na všech stránkách stejně. Navigace, odkazy Ruční kontrola napříč stránkami