Наш сайт давно в работе: на нём есть формы, каталог с фильтрами и корзина в модальном окне, но доступность мы никогда не проверяли. Толчком стало письмо покупателя, который пользуется экранным диктором и не смог довести оформление заказа до конца. Теперь хочу найти человека, который оценит сайт по стандарту WCAG 2.1 AA, спокойно и по делу объяснит, где мы недотягиваем, и главное — сам устранит недочёты в шаблонах, а не ограничится перечнем замечаний.
Задача распадается на две части. Первая — разбор: прогон автоматических проверок вместе с ручным тестированием на клавиатуре и живым экранным диктором по основным экранам, включая главную, каталог, карточку товара, текстовую страницу и всю цепочку покупки. Ожидаю понятный документ с приоритетами, где критичные преграды отделены от мелких замечаний, каждый пункт увязан с соответствующим требованием стандарта и сопровождён порядком воспроизведения. Вторая часть — сами исправления: правки вносятся прямо в разметку, а итог подтверждается повторной проверкой. При этом внешний вид остаётся прежним, а рабочие сценарии не должны пострадать.
Вёрстка простая — HTML, CSS и немного чистого JavaScript, так что глубокого знания фреймворков не нужно, но важно чувство меры: понимать, когда оправдан ARIA, а когда достаточно родных тегов. Приложите небольшой пример прежней проверки или пару «было/стало» и расскажите, как убеждаетесь, что правка реально помогает вспомогательным программам.
— Оценка по WCAG 2.1 AA: автопроверки плюс ручное тестирование клавиатурой и экранным диктором
— Документ с приоритетами: преграды и мелочи, привязка к требованиям, порядок воспроизведения
— Приведение в порядок семантики, иерархии заголовков, ориентиров и подписей полей
— Полное управление с клавиатуры, заметный фокус и разумный порядок обхода в модалках
— Правка цветового контраста и добавление осмысленных текстовых описаний
— Использование ARIA лишь там, где обычная разметка не покрывает задачу
Задача распадается на две части. Первая — разбор: прогон автоматических проверок вместе с ручным тестированием на клавиатуре и живым экранным диктором по основным экранам, включая главную, каталог, карточку товара, текстовую страницу и всю цепочку покупки. Ожидаю понятный документ с приоритетами, где критичные преграды отделены от мелких замечаний, каждый пункт увязан с соответствующим требованием стандарта и сопровождён порядком воспроизведения. Вторая часть — сами исправления: правки вносятся прямо в разметку, а итог подтверждается повторной проверкой. При этом внешний вид остаётся прежним, а рабочие сценарии не должны пострадать.
Вёрстка простая — HTML, CSS и немного чистого JavaScript, так что глубокого знания фреймворков не нужно, но важно чувство меры: понимать, когда оправдан ARIA, а когда достаточно родных тегов. Приложите небольшой пример прежней проверки или пару «было/стало» и расскажите, как убеждаетесь, что правка реально помогает вспомогательным программам.
— Оценка по WCAG 2.1 AA: автопроверки плюс ручное тестирование клавиатурой и экранным диктором
— Документ с приоритетами: преграды и мелочи, привязка к требованиям, порядок воспроизведения
— Приведение в порядок семантики, иерархии заголовков, ориентиров и подписей полей
— Полное управление с клавиатуры, заметный фокус и разумный порядок обхода в модалках
— Правка цветового контраста и добавление осмысленных текстовых описаний
— Использование ARIA лишь там, где обычная разметка не покрывает задачу
