Ответ
Тестирование доступности (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, и слушаешь, как робот бубнит твой сайт. Сначала сам офигеваешь, а потом привыкаешь. Без этого никуда.
- Анализаторы контраста: Чтобы не тыкать пальцем в небо и не гадать, видно текст или нет.
Вот так вот, сука. Раньше думали только о том, как бы поярче и попиздатее сделать. А теперь, блядь, надо ещё и чтобы каждый, даже тот, кто нихуя не видит или не слышит, мог всем этим пользоваться. Прогресс, ёпта. Хуй с ним, делать-то надо.