Vyhľadávanie

Čo potrebujete skontrolovať?

Nájdite kontrolu alebo generátor podľa toho, čo potrebujete vyriešiť.

Technické SEO

Základná kontrola prístupnosti HTML

Nájdite chýbajúce pomenovania polí a tlačidiel, obrázky bez ALT, neoznačený jazyk a opakované identifikátory.

Stačí zadať doménu alebo celú adresu stránky.

Čo vám kontrola ukáže

Predbežná kontrola upozorní na vybrané problémy viditeľné v zdrojovom HTML. Pri formulároch a tlačidlách vypíše konkrétny prvok aj návrh opravy. Výsledok slúži ako podklad na ďalšie overenie s klávesnicou a asistenčnými technológiami.

  • Jazyk dokumentu, ALT atribúty a základné názvy odkazov.
  • Pomenovania formulárových polí cez label, ARIA alebo title.
  • Tlačidlá bez rozpoznateľného názvu a duplicitné id.

Ako s výsledkom pracovať

Začnite prvkami, ktoré návštevník potrebuje na hlavný úkon: vyhľadávanie, kontakt alebo objednávku. Doplňte viditeľné menovky, zmysluplné názvy tlačidiel a jedinečné identifikátory. Potom otestujte celú cestu klávesnicou a čítačkou obrazovky.

Automatická kontrola je iba začiatok

HTML môže vyzerať správne a stránka sa pritom nedá pohodlne ovládať. Tento nástroj nevidí kontrast, veľkosť cieľov, poradie fokusu ani oznamovanie dynamických zmien. Ani nulový počet nálezov preto nie je potvrdením zhody s WCAG. Ručné testovanie má vychádzať z konkrétnych používateľských úloh.

Príklad: formulár používa iba placeholder

Text vnútri poľa po písaní zmizne a nemusí poskytnúť spoľahlivý názov ovládacieho prvku. Pridajte viditeľný label a priraďte ho cez for k jedinečnému id poľa. Rovnaký vzťah zachovajte aj pri chybovom hlásení a doplňujúcom vysvetlení. Následne overte správanie celého formulára pri odoslaní.

Časté otázky

Potvrdí kontrola splnenie WCAG?

Nie. Ide o obmedzenú statickú diagnostiku. Úplné posúdenie vyžaduje ďalšie automatické aj ručné testy a overenie používania stránky v rôznych situáciách.

Je aria-label náhradou viditeľného popisu?

Môže poskytnúť prístupný názov, ale viditeľná menovka často pomôže viacerým ľuďom. Používajte ju tam, kde sa dá prirodzene zobraziť, a nenechajte text viditeľnej menovky v rozpore s prístupným názvom.

Prečo sa kontrolujú duplicitné id?

Môžu narušiť jednoznačné väzby medzi poľom, menovkou a ARIA odkazmi. Ide o podnet na opravu HTML, nie automatický záver o celej prístupnosti stránky.

Ako sa spracujú skryté prvky?

Časť výslovne skrytých formulárových prvkov sa vynechá, ale nástroj nevykresľuje CSS. Prvky ukryté štýlmi alebo zobrazené až interakciou preto vyžadujú ručné posúdenie.

Kontrolujú sa formuláre v externom iframe?

Nie. Obsah cudzieho rámca sa samostatne nenačítava. Ak môžete jeho adresu verejne kontrolovať, zadajte ju osobitne, a následne overte aj fungovanie vloženia na pôvodnej stránke.

Čo mám po oprave otestovať ručne?

Prejdite hlavné úkony iba klávesnicou, sledujte viditeľnosť fokusu, zrozumiteľnosť menoviek a chýb. S čítačkou overte poradie a pomenovanie prvkov aj oznamovanie zmien po odoslaní formulára.