Заглавия и етикети

Какво изисква критерият

Когато раздел има заглавие или контрола на формуляр има етикет, текстът трябва действително да описва какво следва. Потребителите на екранни четци използват заглавия и етикети като съдържание на страницата — потребителите на JAWS натискат H, за да прескачат от заглавие на заглавие, а режимът на формуляри чете на глас етикетите, когато всяко поле получава фокус. Размитите текстове разрушават изцяло този модел на навигация.

Критерият не изисква заглавия да присъстват навсякъде, а само тези, които съществуват, да са описателни. (За случаите, в които заглавията се изискват, вж. 2.4.10 на ниво AAA.)

Как да се постигне съответствие

• Пишете заглавия, назоваващи раздела, а не дизайнерското намерение: „Адрес за доставка" вместо „Раздел 2", „Често задавани въпроси" вместо „Повече информация".
• Свързвайте всяка контрола на формуляр с видим <label>, чийто текст описва полето. Избягвайте използването на placeholder като етикет — той изчезва при въвеждане.
• За визуално скрити етикети (поле за търсене, бутони с икони) — използвайте aria-label или клас .visually-hidden, но направете етикета конкретен.
• Когато две заглавия на страница наистина покриват една и съща тема (напр. два раздела „Коментари” в индекс на форум) — добавете разграничаващ контекст: „Коментари от 14 юли", „Коментари от 15 юли".
• Одитирайте всяко заглавие или етикет с три думи или по-малко — там се концентрира размитостта.

Чести грешки

• „Информация”, „Детайли”, „Още”, „Раздел”, „Формуляр” — използвани като заглавия без допълнителен контекст.
• Етикети на формуляри като „Поле 1”, „Въвеждане”, „Въведете тук” или без никакъв етикет (само placeholder).
• Заглавия в решетка от карти, всички гласящи „Научете повече”, защото са преобразувани от призиви за действие чрез промяна на шаблон.
• Страница с резултати от търсене, в която всяко заглавие на резултат е буквалната дума „Резултат”.
• Таблици, в които заглавията на колоните са „Колона 1”, „Колона 2” вместо „Дата”, „Сума”, „Статус”.

Защо е важно

В проучванията на потребители на екранни четци от WebAIM навигирането по заглавия е последователно най-честата стратегия за ориентиране на нова страница — по-честа от четенето отгоре надолу. Размитите заглавия рушат тази карта. Размитите етикети рушат формулярите: потребителят попада на контрола, гласяща само „въвеждане”, и трябва да се върне назад, за да прочете заобикалящия текст, който режимът на формуляри често скрива.