Přístupnost
Míříme na WCAG 2.1 AA. Tady je, co to znamená v praxi, a kde to zatím nesplňujeme.
Naposledy změněno:
Na co míříme
Cílem je WCAG 2.1 na úrovni AA, tedy norma, kterou po nás bude chtít i evropský akt o přístupnosti. Není to pro nás papír navíc: většina těch požadavků je psaná pro lidi, kteří web ovládají jinak než myší a dobrýma očima, a to jsou taky naši hráči.
Co funguje
- Všechno se dá ovládat klávesnicí a aktivní prvek je vidět.
- Dialogy drží zaměření uvnitř a zavírají se klávesou Esc.
- Ovládací prvky mají plochu aspoň 44 × 44 bodů.
- Stránka dává celý obsah i bez spuštěného JavaScriptu.
- Když má člověk v systému omezený pohyb, animace se nespustí. Ani otáčení znaku v pozadí.
- Obrázky, které něco znamenají, nesou popis; dekorace se před čtečkou skrývá.
- Stránka má jeden nadpis první úrovně a sestupnou hierarchii dalších.
Kontrast, změřený
Poměry počítané z hodnot tokenů, ne odhadované okem. Malý text potřebuje 4,5:1, velké nadpisy a prvky 3:1. Změřeno 22. srpna 2026 na teplé paletě, kterou web dnes nosí.
- Hlavní text na canvasu i na povrchu
- 15,3 : 1 a víc
- Sekundární text
- 8,8 : 1 a víc
- Nejtlumenější text, který stránka používá
- 5,3 : 1
- Jantarový akcent jako text i jako linka
- 7,8 : 1
- Text na jantarovém tlačítku
- 7,7 : 1
- Stavové barvy (běží, chyba) jako text
- 5,7 : 1 a víc
Žádná dvojice, kterou stránka skládá, neklesne pod hranici pro malý text. Když se paleta změní, tady se to změř znovu — tahle čísla jsou slib, který drží jen do té chvíle.
Kde to drhne
Tohle víme a pracujeme na tom:
- Web jsme neprošli se skutečnou čtečkou obrazovky od začátku do konce. Prošel jen automatickými kontrolami, a ty najdou zdaleka ne všechno.
- Kontrast měříme strojem při každé změně vzhledu, ale jednotlivé plochy se od sebe liší a novou vždycky někdo musí projet znovu.
Jak nám dát vědět
Když na něco narazíte, napište nám tlačítkem vpravo dole nebo na Discord. Napište, co jste dělali a čím web ovládáte: čtečkou, klávesnicí, zvětšením. Odpovídáme a opravujeme; přístupnostní chyba u nás není kosmetika.
Písemně: [email protected].