Не так давно я нашла еще один инструмент обеспечения доступности — Funkify.
Funkify — это расширение, которое можно добавить
в браузер, чтобы оценить дизайн страницы с совершенно другой перспективы.
Я снова зашла на wikipedia.org.
На одном из предыдущих уроков
я показала, прогнав Википедию через средство проверки Wave,
что сайт неплохо справился с обеспечением доступности.
Попробуем проверить его через Funkify.
Funkify работает так: он позволяет примерять
разные роли, чтобы понять, как сайт выглядит для разных людей.
Например, если я включу Blurry Bianca,
вы увидите эту страницу как человек с плохим зрением.
Интенсивность размытия можно изменять,
устанавливать низкую степень размытия и высокую.
Есть роль дислексии. Я нахожу эту роль весьма интересной,
потому что знаю многих детей и взрослых, у которых
возникают трудности, если на веб-странице
элементы движутся слишком быстро —
видео, изображения.
Но это еще не все. В тексте также меняются местами буквы.
Эту проблему нельзя решить,
но можно использовать достаточно крупный шрифт,
чтобы такое перемещение
не слишком сбивало с толку.
Вы также можете проверять
орфографию и грамматику, это тоже сильно помогает.
Ладно. Следующая роль — Trembling Trevor.
Это люди, у которых возникают проблемы
с использованием мыши или клавиатуры, для которых требуется развитая моторика.
Щелкну эту роль
и попробую нажать вот сюда.
И вы можете видеть, что в роли Trembling Trevor,
когда я пытаюсь передвигать мышь,
это дается мне не очень легко.
Курсор подпрыгивает и дергается.
Я тоже испытываю подобные трудности, особенно если кнопки на сайте слишком маленькие.
Выключу Trembling Trevor.
Вы можете увеличивать и уменьшать степень дрожания.
Tunnel Toby передает ощущения людей
с частичной потерей зрения. Выглядит как-то так.
Это довольно серьезная потеря зрения.
Степень можно поменять, чтобы понять, как это видят другие люди.
Может быть так, что они видят лишь крохотную часть экрана.
Периферийное зрение. Здесь отражена проблема слепого пятна.
Опять же, исправить это никак нельзя,
но вы можете подумать о том, какие элементы
важнее всего на вашей странице,
появляются ли они только в одном месте,
нужно ли добавить их куда-то еще.
Color Carl передает довольно распространенную проблему.
Эта роль показывает,
как бы выглядела страница, если убрать все цвета.
Вы используете цвет?
Давайте выберем это.
Это градация серого.
Нажму сюда.
Можно выбрать зеленый цвет.
Эта функция убирает зеленый.
Здесь градация «красный/зеленый»
и градация «синий/желтый».
Здесь также представлена статистика, например 1 человек из 1000 испытывает трудности
при определении этой комбинации цветов, т.е. 1 мужчина из 100 или 1 женщина из 300 испытывает трудности с определением красного и зеленого.
Поэтому стоит проверить сайт, чтобы понять, отражают ли эти цвета что-то важное.
Кроме того, в расширении также есть
комбинации настроек с плохим зрением и дрожащими руками.
Последней я покажу роль Sunshine Sue.
Эта роль тестирует доступность сайта
для всех, потому что многие используют устройства на улице.
Вы можете увидеть, что вот,
на улице очень ярко светит солнце.
Смогут ли люди разглядеть что-нибудь на экране
или лучше поменять цветовую палитру и контраст?
Таким образом, Funkify... Я не хочу говорить, что с ним весело работать,
потому что, конечно, в проблемах доступности нет ничего веселого.
Но разработчики отлично справились, показав
влияние разных типов инвалидности на то,
как люди взаимодействуют с веб-страницами.
Если вы учитываете доступность и хотите
выйти на новый уровень, чтобы все могли получить удовольствие от работы с вашей страницей,
я очень рекомендую установить Funkify.