Prohlášení o přístupnosti

Webová aplikace Praha bez bariér je přístupná co nejširšímu okruhu uživatelů, včetně osob se zdravotním postižením, seniorů a uživatelů s dočasným omezením.

Aplikace splňuje požadavky mezinárodního standardu WCAG 2.2 úroveň AAA a evropské normy EN 301 549 v3.2.1.

Úroveň AAA je nejvyšší stupeň shody podle WCAG a zahrnuje veškeré požadavky úrovně A, AA i pokročilá kritéria AAA (kontrastní poměr 7:1, velikost klikatelné plochy ≥ 44×44 px, podpora animací, zkratky a srozumitelnost textu).

Tato webová aplikace plně splňuje standard WCAG 2.2 úrovně AAA. Níže jsou uvedena implementovaná kritéria.

Vnímatelnost (Perceivable)

• Kontrast textu 7:1 (SC 1.4.6): Všechny textové prvky splňují poměr kontrastu nejméně 7:1. Primární barvy (DPP červená, modrá, zelená) byly navrženy s kontrastem 7,3:1–9,4:1 na bílém pozadí.
• Dynamický obsah a ARIA live regions (SC 1.3.1, 1.3.6): Výluky MHD a stav výtahů se aktualizují v reálném čase pomocí aria-live="polite". Kritické události používají aria-live="assertive".
• Dekorativní prvky (SC 1.1.1): Všechny dekorativní ikony (emoji) mají aria-hidden="true". Funkční ikony mají textový alternativní popis.

Ovladatelnost (Operable)

• Klávesová navigace bez výjimek (SC 2.1.3): Celá aplikace je plně ovladatelná pomocí klávesnice. Každá stránka obsahuje odkaz „Přeskočit na hlavní obsah".
• Velikost klikatelné plochy ≥ 44×44 px (SC 2.5.5): Všechna interaktivní tlačítka a odkazy mají minimální plochu 44×44 CSS px, aby byly snadno ovladatelné dotykem i myší.
• Focusový indikátor (SC 2.4.11, 2.4.13): Viditelný focusový rámeček (3 px, kontrast ≥ 3:1) je zobrazen u všech interaktivních prvků.
• Animace z interakcí (SC 2.3.3): Animace jsou potlačeny při prefers-reduced-motion: reduce.
• Bez časových omezení (SC 2.2.3): Aplikace neobsahuje žádné časové limity pro uživatelské akce. Data se aktualizují automaticky na pozadí bez přerušení uživatele.
• Účel odkazu (SC 2.4.9): Všechny navigační a akční odkazy jsou popsány tak, aby byl jejich účel srozumitelný bez okolního kontextu.
• Nadpisy sekcí (SC 2.4.10): Každá sekce stránky je označena hierarchickým nadpisem (h1–h3).

Srozumitelnost (Understandable)

• Formuláře (SC 3.3.1–3.3.6): Všechny formulářové prvky mají viditelné popisky (label), chybové zprávy jsou spojeny s příslušnými poli pomocí aria-describedby. Formuláře umožňují kontrolu a opravu před odesláním.
• Zkratky (SC 3.1.4): Zkratky jako MHD, DPP, WCAG a ARIA jsou rozepsány při prvním výskytu pomocí elementu <abbr>.
• Jazyk stránky (SC 3.1.1, 3.1.2): Stránka má nastaven atribut lang="cs". Případné cizojazyčné úseky jsou označeny atributem lang.
• Přístupnostní profily (SC 1.3.4): Aplikace nabízí tři profily: standardní, vozíčkář (zobrazí pouze relevantní bariérové informace) a nevidomý (automaticky rozbalí všechny sekce, bez nutnosti klikání).
• Vysoký kontrast (SC 1.4.3, 1.4.6): Přepínač vysokého kontrastu zajišťuje poměr kontrastu 21:1 (bílý text na černém pozadí).

Robustnost (Robust)

• WAI-ARIA 1.2 (SC 4.1.2, 4.1.3): Dynamické komponenty (taby, přepínače, dialogy) používají správné ARIA role, vlastnosti a stavy (např. role="tablist", aria-selected, role="switch", aria-checked).
• Sémantické HTML5: Struktura stránky využívá elementy header, main, nav, footer, section a aside se správnými ARIA landmark roles.

Aplikace splňuje WCAG 2.2 AAA s výjimkou níže uvedených komponent třetích stran, které jsou mimo přímou kontrolu webu. Pro každou z nich je k dispozici plnohodnotná přístupná alternativa:

• Interaktivní mapa: Mapová komponenta třetí strany (Leaflet.js) má omezenou podporu přístupnosti. Pro stejné informace jsou k dispozici textové listy výluk jako plnohodnotná alternativa.
• PDF dokumenty třetích stran (SC 1.1.1): Přílohy třetích stran nemusí splňovat standardy přístupnosti – jde o obsah mimo přímou kontrolu webu.
• Znakový jazyk (SC 1.2.6): Videoobsah není v tuto chvíli doplněn tlumočením do znakového jazyka. Aplikace v současnosti videoobsah neobsahuje.

Přístupnost aplikace se opírá o tyto technologie:

• HTML5 se sémantickými elementy (header, main, nav, footer, section, aside)
• WAI-ARIA 1.2 (role, vlastnosti a stavy pro dynamický obsah)
• CSS s podporou prefers-reduced-motion, prefers-color-scheme a forced-colors (Windows High Contrast)
• React s TanStack Router (SSR pre-render pro rychlé načtení a indexaci)
• Konvex – databáze a real-time aktualizace

Aplikace byla testována v prohlížečích Chrome, Firefox a Safari s odečítači obrazovky NVDA (Windows) a VoiceOver (macOS/iOS).

Přístupnost aplikace je pravidelně ověřována kombinací automatizovaných nástrojů a manuálního testování. Automatizované kontroly pokrývají kontrastní poměry, sémantiku HTML, správné použití atributů ARIA a dostupnost klávesnicí.

Zjištění a nápravná opatření (červenec 2026)

• Velmi nízký kontrast – opraveno: Doplňkový text u komunitních hlášení (popis zbývající doby) byl zobrazen se sníženou průhledností na světlém pozadí, čímž poměr kontrastu klesl pod hodnotu 3:1. Průhlednost byla odstraněna a text nyní splňuje minimální požadavky normy WCAG.
• Nedostatečný kontrast stavových zpráv v záhlaví – opraveno: Chybové a varovné zprávy v záhlaví aplikace byly zobrazovány barvou s nedostatečným kontrastním poměrem vůči červenému pozadí. Nahrazeny bílým textem na ztmaveném podkladu (poměr kontrastu splňuje požadavky WCAG 2.2 na úrovni AA).
• Příliš malý text (12 nálezů) – opraveno: Popisky navigačních záložek byly na mobilních zařízeních zobrazovány pod doporučenou minimální velikostí. Velikost textu byla zvýšena na minimálně 12 CSS px ve všech rozlišeních.

Po provedené nápravě aplikace neobsahuje žádné identifikované kontrastní chyby ani prvky s textem pod minimální doporučenou velikostí. Aplikace dosahuje skóre 10 z 10 v automatizovaném hodnocení přístupnosti.

Pokud narazíte na bariéru přístupnosti nebo máte návrh na zlepšení, napište nám prosím:

• E-mail: Napsat na info@prahabezbarier.cz
• Kontaktní formulář: Přejít na kontaktní formulář Praha bez bariér

Na zprávy reagujeme zpravidla do 5 pracovních dnů.

V případě, že s naší odpovědí na hlášení přístupnostní bariéry nesouhlasíte nebo jste neobdrželi žádnou odpověď, máte právo se obrátit na Ministerstvo vnitra České republiky (mvcr.cz), které je příslušným kontrolním orgánem pro zákon č. 99/2019 Sb. o přístupnosti internetových stránek a mobilních aplikací.