Всегда радуюсь, когда большие компании делятся статистикой, как пользуются их приложениями. Проект «Инклюзия» делится результатами исследования, какие настройки доступности стоят у пользователей мобильного Яндекс.Браузера (для iOS и Android). Веб-разработчикам эти данные полезны как минимум для того, чтобы обосновывать, почему всё-таки стоит добавить ту или иную фичу, связанную с A11Y.
1. 35% пользователей увеличивают размер шрифта в системе или браузере. Колоссальные числа. Тут и возрастные проблемы со зрением, и тенденция на ухудшение зрения в любом возрасте, и в целом некоторые версии операционных систем с издевательским размером шрифта по умолчанию. По сути для нас это означает, что:
- Если видите дизайн, в котором все сделано 12 шрифтом — покажите дизайнеру это исследование. Может, дизайн и красивый, но удобство важнее. 35% пользователей не оценят.
- Вёрстку обязательно нужно тестировать с увеличенным размером шрифта. По-хорошему — прямо автотестами.
- Нельзя запрещать изменение шрифта в приложении. Иначе можно банально потерять огромную часть аудитории. Думаю, между красотой и потерянными деньгами бизнес выберет деньги. И хорошо, что браузеры относительно давно не дают запрещать менять размеры через тег
meta.2. Тёмной темой пользуется 27% пользователей. Тут можно поспорить, делают это потому, что светлая тема ночью неудобна или просто из эстетических соображений. Но это всё равно говорит о том, что у пользователя есть какое-то ожидание. Не соответствуешь ожиданиям — конкурентов много, до свидания.
- Проектируйте дизайн сразу с учётом наличия светлой и тёмной темы. Если есть дизайн-система — вообще хорошо. Если нет — ну хотя бы ленивую инверсную тему продумайте. Решений в опенсорсе хватает.
-
prefers-color-scheme — добавьте в CSS, это ваш друг.- Да, придётся продумать и автотесты на тёмную тему. Причём тоже лучше делать это со старта, чтобы потом не вкостыливать хитровывернутый способ включить тёмную тему в тестах.
3. Анимацию отключают 5% пользователей. Точнее, они просят отключить. Я, кстати, знаю людей, у которых нет никаких ограничений по здоровью, связанных с мельтешением. Им просто не хочется видеть анимации.
-
prefers-reduced-motion — добавьте прямо сейчас, выключите плавный скролл, продолжительность переходов и анимаций поставьте в 0s.- Через JS тоже можно отслеживать медиавыражения, не сдерживайте себя.
4. 2% пользователей увеличивают контраст. Тут я был немного удивлён, всё-таки это довольно много. Но тоже подсвечивает, что проще сделать сразу нормальную контрастность на сайте (есть плагины для Фигмы, есть проверки в девтулзах браузера), чем потом пытаться починить. Ну и в целом летом на солнце с бликами любой неконтрастный сайт уходит далеко и надолго, конкурентов, опять же, как правило хватает.
5. 6% пользователей пользуются возможностью прочитать текст на экране средствами браузера. Браузер не умеет в магию. Если разметка сделана плохо, прочитает текст он плохо. Поэтому видимый текст тоже нужно оформлять корректно. И точно не заменять его картинками.
6. 2% пользователей включают «живые субтитры». Это когда даже если у видео нет субтитров в принципе, браузер всё-таки при помощи AI и прочего распознования речи эти субтитры генерирует.
- Автоматическое распознавание речи делает ошибки, поэтому если вам важно, чтобы текст не искажался по смыслу, лучше добавить правильные субтитры самим.
7. На iOS есть функциия потрясти смартфоном для отмены действия. 5% пользователей её выключают.
8. У 51% пользователей включена хотя бы одна настройка доступности. Пусть потом кто-нибудь скажет, что доступность не нужна.
Лендинг исследования — https://inclusion.yandex.ru/settingsresearch
Само исследование в PDF — https://disk.yandex.ru/i/D1RLUIPJmVBPzg
