This translation has not been editorially reviewed yet. The German version is authoritative. Deutsche Fassung →
Barrierefreiheit
Proč potřebuje každé pole formuláře popisek?
Každé pole formuláře potřebuje popisek, protože jinak musí návštěvníci hádat, co tam patří. Popisek stojí trvale viditelně u pole — „Jméno“, „E-mailová adresa“, „Zpráva“ — a je s ním technicky propojen, aby ho čtecí programy ohlásily. Šedý ukázkový text v poli nestačí: při psaní zmizí. Kritérium WCAG 3.3.2 vyžaduje popisky nebo pokyny pro každé zadání.
Ukázkový text v poli nenahradí popisek
Mnoho moderních formulářů si odpouští viditelné popisky a místo toho píše šedý ukázkový text přímo do polí. Vypadá to uklizeně, ale vzniknou tím tři problémy. Zaprvé: jakmile návštěvník začne psát, text zmizí — kdo byl chvíli rozptýlený, u napůl vyplněného formuláře už neví, které pole bylo co. Zadruhé: šedý text má nízký kontrast a pro slabozraké lidi je špatně čitelný. Zatřetí: bez technického propojení čtecí program při najetí na pole ohlásí jen „vstupní pole“ — nevidomý návštěvník se nikdy nedozví, co tam patří. Trvalý popisek nad polem nebo vedle něj, technicky s ním propojený, řeší všechny tři problémy najednou.
Jak kontrolní služba měří popisky
Kontrolní služba ve skutečném prohlížeči spočítá všechna viditelná vstupní pole stránky a u každého ověří, zda existuje technicky propojený popisek — jako klasický label, jako obepínající popisek nebo jako přístupný název ve zdrojovém kódu. Pokud jsou popsána všechna pole, kritérium se počítá jako splněné. Zůstane-li byť jen jedno pole bez popisku, zpráva nahlásí porušení a uvede počet dotčených polí spolu s dokladem. Nepopsané pole se zároveň počítá proti kritériu robustnosti 4.1.2, protože poli tím chybí i jeho přístupný název. Zda jsou existující popisky obsahově výstižně formulovány, posoudí u zlatého standardu člověk.
- Projděte každý formulář na své webové stránce a ověřte: má každé pole trvale viditelný popisek?
- Nahraďte řešení s ukázkovým textem skutečnými popisky nad polem — ukázkový text může navíc zůstat.
- Požádejte svou agenturu, aby každý popisek technicky propojila s jeho polem, aby ho čtecí programy ohlásily.
- U polí s předepsaným formátem doplňte viditelně před zadáním pokyn, například „datum ve formátu DD.MM.RRRR“.
- Vyplňte formulář z poloviny a ověřte, zda pak ještě dokážete přiřadit každé pole.
FAQ
Stačí zástupný text ve vstupním poli jako popisek?
Zástupný text jako jediný popisek nesplňuje kritérium 3.3.2. Zmizí, jakmile návštěvník začne psát, bývá příliš kontrastně slabý a čtecí programy s ním zacházejí nejednotně. Popisek patří k poli trvale viditelně a technicky s ním propojený. Zástupný text smí doplňovat — třeba ukázkovou hodnotou —, ale nikdy nahrazovat.
Co znamená technicky propojený popisek?
Technicky propojený znamená: ve zdrojovém kódu je zaznamenáno, který popisek patří ke kterému poli — obvykle prostřednictvím prvku label, který na pole odkazuje. Teprve toto propojení umožní čtecímu programu při najetí na pole ohlásit správný název. Text, který u pole stojí jen opticky, zůstává pro nevidomé návštěvníky bez přiřazení.
Jak kontrolní služba kontroluje chybějící popisky polí?
Měřicí jádro spočítá všechna viditelná vstupní pole stránky a u každého ověří technicky propojený popisek. Pokud jsou opatřena všechna pole, kritérium se počítá jako splněné; každé nepopsané pole vede k porušení, které zpráva uvede s počtem a dokladem. Nepopsané pole se zároveň počítá proti kritériu 4.1.2, protože poli chybí přístupný název.