Опис проєкту
ПерекладУ нас є робочий сайт, і ми хочемо, щоб ним реально могли користуватися люди з інвалідністю, а не щоб у нас просто стояла галочка «відповідає». Чесно кажучи, ми поки не знаємо, наскільки все погано: ніхто в команді не перевіряв сайт зі скринрідером, частина сторінок неможливо пройти однією клавіатурою, а від пари відвідувачів вже були скарги на погано читаємий текст та форми, які не вдається заповнити. Нам потрібен спеціаліст, який пройде весь сайт, точно скаже, що зламано, та приведе все в порядок, щоб ми могли впевнено заявити про відповідність WCAG 2.1 рівня AA.
Аудит повинен охоплювати реальні користувацькі сценарії: головну сторінку, каталог та пошук, сторінку товару або послуги, реєстрацію та вхід, форми зворотного зв'язку та оформлення замовлення, особистий кабінет. Ми чекаємо тестування з справжніми допоміжними технологіями (NVDA або VoiceOver плюс навігація тільки з клавіатури), а не тільки прогону автоматичним сканером. Важливіше всього те, що автотести не ловлять: логічний порядок фокусу, видимий індикатор фокусу, правильна структура заголовків, зрозумілий текст посилань, озвучені повідомлення про помилки, поля форм, пов'язані зі своїми підписами, достатній контраст, коректні ролі та стани ARIA, альтернативний текст для картинок та доступні імена у кнопок-іконок. Прохання не навішувати ARIA там, де нативний HTML справиться краще.
Що хочемо отримати на виході: зрозумілий звіт, де по кожній проблемі указаний критерій WCAG, серйозність та місце виникнення; пріоритизований план виправлень; самі правки, внесені в код сайту (або детальний diff, який ми застосуємо); коротку перевірку, що підтверджує, що виправлення працюють. Добре б видеозапис основних сценаріїв зі скринрідером — так нам та керівництву буде простіше зрозуміти результат. Плюсом буде коротка інструкція для наших розробників, щоб ті ж помилки не з'явилися знову.
Що для нас важливо:
— Ручне тестування зі скринрідером та клавіатурою, а не тільки вивід Lighthouse або axe
— Контраст, порядок фокусу, ARIA, форми, заголовки та alt-тексти — все в обсязі робіт
— Звіт про відповідність з прив'язкою до критеріїв WCAG 2.1 AA
— Реальні виправлення, а потім повторна перевірка, що все проходить
Аудит повинен охоплювати реальні користувацькі сценарії: головну сторінку, каталог та пошук, сторінку товару або послуги, реєстрацію та вхід, форми зворотного зв'язку та оформлення замовлення, особистий кабінет. Ми чекаємо тестування з справжніми допоміжними технологіями (NVDA або VoiceOver плюс навігація тільки з клавіатури), а не тільки прогону автоматичним сканером. Важливіше всього те, що автотести не ловлять: логічний порядок фокусу, видимий індикатор фокусу, правильна структура заголовків, зрозумілий текст посилань, озвучені повідомлення про помилки, поля форм, пов'язані зі своїми підписами, достатній контраст, коректні ролі та стани ARIA, альтернативний текст для картинок та доступні імена у кнопок-іконок. Прохання не навішувати ARIA там, де нативний HTML справиться краще.
Що хочемо отримати на виході: зрозумілий звіт, де по кожній проблемі указаний критерій WCAG, серйозність та місце виникнення; пріоритизований план виправлень; самі правки, внесені в код сайту (або детальний diff, який ми застосуємо); коротку перевірку, що підтверджує, що виправлення працюють. Добре б видеозапис основних сценаріїв зі скринрідером — так нам та керівництву буде простіше зрозуміти результат. Плюсом буде коротка інструкція для наших розробників, щоб ті ж помилки не з'явилися знову.
Що для нас важливо:
— Ручне тестування зі скринрідером та клавіатурою, а не тільки вивід Lighthouse або axe
— Контраст, порядок фокусу, ARIA, форми, заголовки та alt-тексти — все в обсязі робіт
— Звіт про відповідність з прив'язкою до критеріїв WCAG 2.1 AA
— Реальні виправлення, а потім повторна перевірка, що все проходить
Розробка для WEB Готівка, Банківський переказ
