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].