1. Проверка доступности промо-страницы
Фронтенд-разработчикКонтекст
Команда готовит к запуску новый лендинг с формой подписки. Необходимо убедиться, что незрячие пользователи смогут легко оставить email.
Проблема
Убедиться, что поля формы имеют правильные метки, а кнопки — понятные названия.
Как использовать
Вставить HTML-код лендинга в поле «HTML ввод», включить «Добавить landmarks» и «Показать исправления».
{
"preset": "VoiceOver",
"includeLandmarkSummary": true,
"showFixSuggestions": true
}Результат
Отчет показал, что у поля ввода email отсутствует label, а кнопка отправки не имеет текста. Разработчик сразу увидел подсказки по добавлению aria-label.