Kontrola prístupnosti HTML

Skenujte HTML fragment na problémy, ktoré blokujú čítačky obrazovky a používateľov na klávesnici.

Vstup

Alt text obrázkovPoradie nadpisovTlačidlá a odkazy bez textuPolia bez popisuGenerický text odkazuTabuľky bez hlavičkových buniekJazyk dokumentuDuplicitné idMinimálna závažnosť

Výstup

Kontrola prístupnosti HTML

Vložte HTML fragment a tento nástroj ho skenuje na problémy, ktoré najčastejšie blokujú čítačky obrazovky, používateľov na klávesnici a ďalšie podporné technológie. Každé zistenie sa hlási s číslom riadku a jasným vysvetlením, aby ste ho mohli opraviť bez spätného odkazu na samostatný WCAG dokument. Zacieľuje sa na fragment, ktorý máte skutočne pri ruke — komponent, šablónu e-mailu, blok CMS — nie na celú preskúmavanú stránku.

Kontroly sú možnosti, ktoré môžete individuálne zapíname a vypínať: obrázky bez alt textu (a prázdny alt na obrázkoch, ktoré sú jediným obsahom odkazu alebo tlačidla), úrovne nadpisov, ktoré preskakujú úroveň alebo nezačínajú s h1, tlačidlá a odkazy bez viditeľného textu alebo aria-label, polia bez priradených popisy, generický text typu "kliknite sem", tabuľky bez hlavičkových buniek, dokument bez atribútu lang a duplicitné id atribúty. Filter závažnosti zúži zoznam na varovania a chyby alebo iba chyby po triádení menších problémov.

Kontrolný prvok číta iba surový markup — značky a atribúty, nie vypočítané štýly alebo vykreslené rozloženie — takže nezachytí problém s kontrastom alebo fokus poradím, ktoré sa zobrazuje iba po použití CSS (spárujte to s kontrolným prvkom kontrastu). Parsovanie je best-effort: toleruje zle formovaný alebo čiastočný HTML namiesto odmietnutia, pretože vložený fragment zriedka má uzavretú značku pre všetko.

Všetko sa deje lokálne vo vašom prehliadači. Fragment, ktorý vložíte — ktorý by mohol pochádzať z neuverejnenej stránky, interného nástroja alebo projektu klienta — sa nikdy nenahrá ani nepošle na server. Skopírujte správu, stiahnite si ju ako súbor .txt alebo pošlite fragment späť do vstupu po vykonaní zmien na opätovné skenovanie.

Časté otázky

Nahradí to úplný audit prístupnosti?

Nie. Zachytáva bežné, mechanicky detekovateľné problémy v markup, ktorý vložíte — chýbajúci alt text, poradie nadpisov, polia bez popisu a podobne — ale úplný audit tiež zahrnuje kontrolu kontrastu, poradie fokúsu klávesnice, testovanie čítačky obrazovky a vykreslené rozloženie, ktoré vyžadujú živú stránku na kontrolu.

Prečo sa obrázok s alt="" niekedy stále označí?

Prázdny alt je správny pre čisto dekoratívny obrázok. Označí sa iba vtedy, keď je obrázok jediným obsahom odkazu alebo tlačidla (pričom kontrole chýba dostupné meno) alebo keď má neprázdny atribút title, čo naznačuje, že nese informácie.

Čo sa považuje za "duplicitné id"?

Akákoľvek hodnota id atribútu, ktorá sa objaví na viac ako jednom elemente v fragmente. Duplicitné id prerušujú asociácie popiskov, references aria-labelledby a odkazy v stránke, pretože sa používa iba prvá zhoda.

Môžem skontrolovať iba jednu kategóriu problémov?

Áno. Každá kontrola — obrázky, nadpisy, interaktívne prvky, formuláre, text odkazu, tabuľky, jazyk a duplicitné id — má svoj vlastný prepínač a filter závažnosti ďalej zúži výsledky.

Je môj HTML niekde nahraný?

Nie. Fragment sa analyzuje a kontroluje úplne vo vašom prehliadači pomocou JavaScriptu; nikdy sa nepošle na server.

Kontrola prístupnosti HTML

Súvisiace nástroje

Kontrola prístupnosti HTML

Časté otázky