Что такое тестирование доступности (Accessibility testing)?

Ответ

Тестирование доступности (Accessibility testing) — это проверка того, насколько программный продукт (чаще всего веб-сайт или приложение) доступен для людей с различными ограниченными возможностями (нарушениями зрения, слуха, мобильности, когнитивными особенностями).

Основная цель — обеспечить соответствие международным стандартам, таким как WCAG (Web Content Accessibility Guidelines).

Ключевые аспекты проверки:

  • Визуальные: Достаточная контрастность текста (минимальное соотношение 4.5:1 для обычного текста), корректная работа с увеличением масштаба, наличие текстовых альтернатив (alt) для нетекстового контента.
  • Аудиальные: Наличие субтитров или транскрипции для аудио- и видеоконтента.
  • Моторные/Физические: Полная управляемость с клавиатуры (табуляция, клавиши-модификаторы), отсутствие "ловушек" для фокуса, достаточное время для реакции.
  • Когнитивные: Понятная и предсказуемая навигация, логичная структура заголовков, простота языка.

Пример корректной и некорректной разметки:

<!-- Хорошо: изображение имеет описательный alt-текст -->
<img src="submit-button.png" alt="Отправить форму заявки">

<!-- Плохо: alt-текст отсутствует или неинформативен -->
<img src="submit-button.png">
<img src="submit-button.png" alt="image">

Инструменты:

  • Автоматизированные: Axe, WAVE, Lighthouse.
  • Скринридеры для ручного тестирования: NVDA (Windows), VoiceOver (macOS/iOS), TalkBack (Android).
  • Цветовые анализаторы контраста.

Ответ 18+ 🔞

Да ты посмотри, какие мы все стали правильные, блядь! Раньше сайт слепили — и в пизду, работает и ладно. А щас — «эй, а как у тебя там с доступностью, сука?». Ну, доступностью, блядь!

Это, типа, проверка, чтобы твой сайт или приложение могли использовать не только такие здоровые лбы, как мы с тобой, а вообще все, блядь. Слепые, глухие, те, у кого руки из жопы растут и кнопку мышкой не попасть, или просто человек, у которого мозг сегодня в отпуске. Цель — впихнуть всё это в рамки стандартов, типа WCAG. Это такая библия для распиздяев-разработчиков, чтобы они не забывали, что мир не для одних зрячих молодцов.

И проверяют тут, блядь, всё подряд:

  • Глазами: Текст должен быть виден, а не как два призрака на белом фоне шепчутся. Контраст, блядь, нужен! Масштаб чтобы работал, а не разъезжалось всё в пизду. А картинки, сука, должны рассказывать, что на них, через этот alt текст. Представь, слепой сидит, скринридер орет: «Картинка, блядь!» — и всё. Пиздец. А должен орать: «Кнопка "Отправить заявку"».
  • Ушами: Видео вставил — делай субтитры, падла! А то человек глухой, а там какой-нибудь важный мудак речь говорит. Как он узнает, что его посылают нахуй?
  • Руками: Всё должно работать с клавиатуры! Tab, Enter, пробел. А то бывает, нажмешь Tab — и фокус улетает в какую-то дичь, из которой уже не вылезти, ловушка ебаная. Или кнопка, на которую можно нажать только мышкой, а с клавы — нихуя. Пиздец и развод.
  • Мозгами: Навигация должна быть логичной, а не как в лабиринте Минотавра после пятницы. Заголовки по порядку, язык простой, без этих заумных «интегрируемых синергетических парадигм». Человек и так еле соображает, а ты ему тут голову морочишь.

Смотри, вот тебе пример, как делать НЕ НАДО и как НАДО, блядь:

<!-- Так, блядь, правильно: скринридер прочитает, что это за хрень -->
<img src="submit-button.png" alt="Отправить форму заявки">

<!-- А это, сука, пиздец как неправильно. Вообще молчок или хуйня какая-то -->
<img src="submit-button.png">
<img src="submit-button.png" alt="image">

Ну и чем проверяют эту всю движуху? Есть, блядь, инструменты:

  • Автоматы: Axe, WAVE, Lighthouse. Тыкаешь кнопку — они тебе выдают список косяков: «здесь контраст говно, здесь заголовка нет». Быстро, но не всё увидят, хитрожопые.
  • Скринридеры для ручной проверки: Это вот где веселье-то начинается, ебать! Садишься, включаешь NVDA или VoiceOver, и слушаешь, как робот бубнит твой сайт. Сначала сам офигеваешь, а потом привыкаешь. Без этого никуда.
  • Анализаторы контраста: Чтобы не тыкать пальцем в небо и не гадать, видно текст или нет.

Вот так вот, сука. Раньше думали только о том, как бы поярче и попиздатее сделать. А теперь, блядь, надо ещё и чтобы каждый, даже тот, кто нихуя не видит или не слышит, мог всем этим пользоваться. Прогресс, ёпта. Хуй с ним, делать-то надо.