This translation has not been editorially reviewed yet. The German version is authoritative. Deutsche Fassung
Přístupnost
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.
Příklady
Nápisník jako jediný doklad
<input type="text" placeholder="Nachname"><label for="nachname">Nachname</label>
<input id="nachname" type="text">Při psaní zmizí. Štítek zůstává a je název pole pro odečítání programů.
- 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.
