Доступность меток форм
Делаем поля форм доступными: каждое поле получает корректную связанную подпись (label), подсказки и пометку обязательности — чтобы скринридер чётко объявлял, что и как заполнять. Чтобы незрячий и пользователь клавиатуры понимали форму так же, как зрячий. Честно сразу: это закрывает доступность САМИХ полей (подписи, подсказки), но доступность сообщений об ошибках — отдельная смежная задача (818), и работа считается по сложности/числу форм.
Доступность меток форм — что это и зачем
Доступность меток форм — это приведение полей ввода к доступному виду: каждое поле имеет программно связанную подпись (label, а не просто текст рядом), понятные подсказки и инструкции, корректную пометку обязательных полей (не только цветом/звёздочкой, но и текстом/атрибутом), группировку связанных полей. Тогда скринридер при переходе на поле объявляет: что это за поле, обязательно ли оно, какая подсказка. Честно про суть: ключевое — это ПРОГРАММНАЯ связь подписи с полем (а не визуальная близость): если label не связан, скринридер озвучит «поле ввода» без названия, и незрячий не поймёт, что вводить. Мы делаем именно связанные подписи. Честно про границу, это важно: эта услуга закрывает доступность САМИХ полей (подписи, подсказки, обязательность). Доступность СООБЩЕНИЙ ОБ ОШИБКАХ (чтобы ошибка валидации объявлялась скринридеру и была понятна) — смежная, но отдельная задача (818); часто берут вместе для полноценно доступной формы. Честно скажем, нужны ли обе. Честно про объём: цена зависит от числа и сложности форм (простая обратная связь vs многошаговый заказ). Честно про охват: доступные формы — важная часть, но не вся доступность сайта. Честно про эффект: меньше ошибок и брошенных форм у пользователей доступности; прямой рост продаж не гарантируем. Честно про доступ: нужен доступ к коду форм. Важная граница: это метки/подписи полей; доступность ошибок — 818, доступность модалок — 819. Представьте: вместо «скринридер озвучивает безымянные поля, незрячий не знает, что вводить» — каждое поле понятно объявлено. Базовая цена — от 12 000 ₽ (зависит от числа форм).
Какие задачи решаем
- Скринридер озвучивает поля без названия — непонятно, что вводить.
- Подписи не связаны с полями программно (просто текст рядом).
- Обязательность показана только цветом/звёздочкой.
- Подсказки и инструкции недоступны вспомогательным технологиям.
Что входит в услугу «Доступность меток форм»
- Программно связанные подписи (label) для каждого поля
- Доступные подсказки и инструкции к полям
- Корректная пометка обязательных полей (не только цветом)
- Группировка связанных полей (fieldset/легенды)
- Проверка озвучивания формы скринридером
- Указание границ (поля; ошибки — отдельно 818)
- Связка с доступностью ошибок (818) для полной формы
- Передача и разбор с вами
Что вы получите в результате
- Каждое поле формы понятно объявляется скринридером
- Подписи связаны с полями программно, а не «на глаз»
- Обязательность и подсказки доступны
- Доступные поля формы (ошибки — смежная услуга 818)
Как проходит работа: этапы
- Анализируем формы и их поля; собираем доступ
- Связываем подписи, добавляем подсказки/обязательность, группируем
- Проверяем скринридером, честно говорим про связку с ошибками (818)
Почему LUA·SCRIPT
- Фиксированная цена и сроки — без сюрпризов в счёте.
- Отчёт и рекомендации простым языком — понятно без технического бэкграунда.
- На связи на каждом этапе и отвечаем на вопросы по результату.
Частые вопросы
У нас же подписи к полям есть — этого мало?
Если подпись просто стоит рядом текстом, но не связана с полем программно — для скринридера этого мало: он озвучит «поле ввода» без названия, и незрячий не поймёт, что вводить. Нужна именно программная связь label с полем. Мы это и делаем — визуально может выглядеть так же, но станет доступно.
Это покрывает и сообщения об ошибках?
Нет, это отдельная смежная задача (818). Эта услуга — про доступность самих полей (подписи, подсказки, обязательность). Чтобы ошибка валидации объявлялась скринридеру и была понятна, нужна доступность ошибок. Для полноценно доступной формы часто берут обе; честно подскажем, нужны ли вам обе.
Доступные формы = доступный сайт?
Нет, это важная часть, но не вся доступность. Сайт также должен работать с клавиатуры (806), со скринридерами в целом (805), иметь нормальный контраст (809) и т.д. Доступные формы закрывают свою (важную) зону. Честно подскажем общую картину.
Об исполнителе
«Доступность меток форм» — услуга каталога LUA·SCRIPT по направлению «Качество сайта». Работаем по договору, итог оформляем отчётом с понятными рекомендациями.