Přeskočit na obsah
100% lokálně

Kontrola přístupnosti HTML

Naskenujte HTML fragment na problémy, které blokují čtečky obrazovky a uživatele na klávesnici.

Vstup
Výstup

Kontrola přístupnosti HTML

Vložte HTML fragment a tento nástroj ho naskenuje na problémy, které nejčastěji blokují čtečky obrazovky, uživatele na klávesnici a další pomocné technologie. Každý nález se hlásí s číslem řádku a jednoduchým vysvětlením, takže jej můžete opravit bez odkazování se na samostatný WCAG dokument. Zaměřuje se na fragment, který máte skutečně na dosah — komponentu, e-mailovou šablonu, blok CMS — ne na celou prohledávanou stránku.

Kontroly jsou možnosti, které můžete zapínat a vypínat jednotlivě: obrázky bez alt textu (a prázdný alt na obrázcích, které jsou jedinou obsahem odkazu nebo tlačítka), úrovně nadpisů, které přeskakují úroveň nebo nezačínají na h1, tlačítka a odkazy bez viditelného textu nebo aria-label, pole bez přiřazeného popisku, obecný text typu "klikněte sem", tabulky bez hlavičkových buněk, dokument bez atributu lang a duplicitné atributy id. Filtr závažnosti zúží seznam na varování a chyby nebo pouze chyby, jakmile jsou menší problémy vyřešeny.

Kontrolní nástroj čte pouze surový markup — značky a atributy, nikoli vypočítané styly nebo vykreslené rozvržení — takže neodhalí problém s kontrastem nebo pořadí zaměření, který se objeví pouze po použití CSS (spárujte to s kontrolou kontrastu). Analýza je best-effort: toleruje špatně formovaný nebo částečný HTML místo toho, aby odmítl běh, protože vložený fragment zřídka má značku uzavření pro vše.

Všechno se stane lokálně ve vašem prohlížeči. Fragment, který vložíte — který by mohl pocházet z nezveřejněné stránky, interního nástroje nebo klientského projektu — se nikdy nenahraje ani nepošle na server. Zkopírujte zprávu, stáhněte si ji jako soubor .txt nebo odešlete fragment zpět do vstupu poté, co provedete změny a znovu jej naskenujete.

Časté dotazy

Nahradí to úplný audit přístupnosti?
Ne. Zachycuje běžné, mechanicky detekovatelné problémy v markup, který vložíte — chybějící alt text, pořadí nadpisů, pole bez popisku a podobně — ale úplný audit také zahrnuje kontrolu kontrastu, pořadí zaměření klávesnice, testování čtečky obrazovky a vykreslené rozvržení, které vyžadují živou stránku ke kontrole.
Proč se obrázek s alt="" někdy stále příznakem?
Prázdný alt je správný pro čistě dekorativní obrázek. Označí se pouze tehdy, když je obrázek jedinou obsahem odkazu nebo tlačítka (přičemž kontrole chybí dostupné jméno) nebo když má neprázdný atribut title, což naznačuje, že nese informace.
Co se počítá jako "duplicitné id"?
Jakákoli hodnota atributu id, která se objeví na více než jednom prvku v fragmentu. Duplicitné id narušují asociace štítků, reference aria-labelledby a interní odkazy, protože se používá pouze první shoda.
Mohu zkontrolovat pouze jednu kategorii problémů?
Ano. Každá kontrola — obrázky, nadpisy, interaktivní prvky, formuláře, text odkazu, tabulky, jazyk a duplicitné id — má svůj vlastní přepínač a filtr závažnosti dále zúží výsledky.
Je můj HTML někde nahrán?
Ne. Fragment se analyzuje a kontroluje zcela ve vašem prohlížeči pomocí JavaScriptu; nikdy se nepošle na server.