WCAG 4.1.2 · úroveň A

Prvky formuláře musí mít popisky

Některá pole formuláře nemají popisek, takže uživatelé čteček obrazovky nevědí, co mají zadat.

Co toto pravidlo kontroluje

Ověřuje, že každý prvek formuláře má popisek.

Proč na tom záleží

WCAG 1.3.1, 3.3.2 a 4.1.2 vyžadují, aby pole formuláře měla popisky. Častými viníky jsou pole pro přihlášení k newsletteru a vyhledávací pole.

Jak to opravit

  1. Dejte každému poli prvek <label for="field-id">, nebo alespoň aria-label.
  2. Samotný zástupný text (placeholder) se za popisek nepovažuje.

Jak opravu ověřit

  • Spusťte sken znovu a ověřte, že pravidlo label už neselhává.
  • Klikněte na každý popisek a ověřte, že přesune fokus do svého pole.

Jak to FixReports zjišťuje

Náš sken spouští pravidlo axe-core label ve skutečném prohlížeči Chrome na každé testované stránce a hlásí každý chybný prvek spolu se stránkou, jeho kódem a tam, kde to dává smysl, i snímkem obrazovky.

Automatický test potvrzuje, že tento konkrétní problém existuje. Nedokáže posoudit, zda je zbytek stránky přístupný: některé bariéry se ukážou, až když stránku zkontroluje člověk.

Otestujte svůj web ještě dnes

Najít. Opravit. Ověřit.

O jaký typ webu jde?

Vaše odpověď určí správné kontroly, například nákupní cestu u e-shopů. Přesto ověříme vlastní znaky webu a ukážeme obojí.

O jaký typ webu jde?

Sken zdarma. Bez platební karty.