Как видит сайт человек с нарушениями зрения?

Question

[Дмитрий]

Как-то видел в сети сайт, на котором можно было указать страницу и посмотреть как эту страницу видит человек с различными отклонениями зрения(сайт вроде бы на английском был, но точно не на русском). Сегодня стал искать и не нашел. Может кому попадался, кто-то сохранил его в закладки, Поделитесь ссылочкой, пожалуйста.

Answer 1

[AntHTML]

По прошлой работе сталкивался со слабовидящими, по сайту рекомендации такие:
1. Как можно меньше мусора, только важный контент, в нормальной последовательности
2. Сайт должен быть выдержан в цветах сильной контрастности
3. Сайт должен нормально отображаться на мониторах с разрешением 800х600, 1024х768 и тп. (даже если монитор 27" FHD), т.к. большинство слабовидящих именно устанавливает малое разрешение монитора, а не прибегает к постоянным масштабированиям.
4. Сайт должен нормально проглатываться синтезаторами речи, типа JAWS и тп., для этого надо чтобы все элементы поддерживали индексы по tab и имели последовательную раскладку контента.
В общем в идеале такая страница будет сильно напоминать страницу RSS рассылки.

Answer 2

[Сергей Горячев]

Если тебе для праздного любопытства, то хз сейчас уже.

А если хочешь использовать в работе, какие-то особенности посмотреть, то тут все сложно.

Ну, начну с того, что этот сайт мне тоже попадался.
Однако, как человек с нарушением зрения, могу сказать только одно.
Не передает этот сайт того, как видит это человек. Даже примерно не похоже.

Как в свое время делали фотосессию в таком стиле, где ни одна фотография не показалась мне знакомой)
Также стоит отметить, что зрение это очень уникальная особенность организма.
Даже при одном и том же диагнозе у двух разных людей может быть совсем разное восприятие мира глазами.
Плюс, огромное значение играет сам диагноз.

Близорукость? Дальнозоркость? Астигматизм? Нистагм? - Это только часть списка возможных отклонений.
А если они в разных сочетаниях и комбинациях, то вообще не совпадет ничего)
И это только самые распространенные и простые заболевания.
Есть еще огромный букет, когда нарушена цвето-формопередача. Под такие вообще не составить сервисы.
Учесть всё это не может ни один сервис или фотоаппарат.

Версия для слабовидящих, хороший пример.

Comments

[Дмитрий]

Нет не для любопытства, заказчик поставил задачу проработать вопрос о доступности сайта для людей с ограничениями зрения.

[Сергей Горячев]

Дмитрий: Читайте ответ мой и Максим Тимофеев , в принципе, вся информация тут есть.

[Дмитрий]

Прочитал, инфа полезная конечно, буду использовать.

Answer 3

[Максим Тимофеев]

Как видит сайт человек с нарушениями зрения?

Плохо!!! Как именно? Так это зависит от нарушений. Их очень много. Кто-то близорукий, кто-то дальнозоркий, кто-то дальтоник, при чем для каждого отклонения от нормы есть степени + есть другие более сложные нарушения + нарушение может быть не одно. Не думаю, что какой-то сервис может передать правильную картину. Главное понимать основные принципы. Версия для слабовидящих должна быть контрастна, шрифты увеличины, как правило делают чернобелой, но можно и в цвете, главное что-то текст был черный на белом фоне.

Вот скопипастил подробнее:

• Прописывать размер шрифтов лучше в относительных единицах — em. То есть в тех, которые определяются по текущему контексту. Это позволяет получить правильное изменение всех шрифтов в зависимости от масштаба страницы
  
• Не забываем про то, что люди встречаются как близорукие, так и дальнозоркие. Поэтому задавать шрифты нужно не только большие, но и маленькие
  
• При активации плагина желательно сразу отключать все картинки, слайдеры и прочую инфографику, оставляя при этом самую необходимую информацию.
  
• Попросите дизайнера грамотно оценить как будет выглядеть тот или иной блок в версии сайта для слабовидящих. Для лучшего результата возможно придется что-то изменить.
  
• При установке cookie с данными по плагину, не забываем записывать их ко всему сайту, а не для текущей страницы. Это поможет избежать в будущем проблему неработоспособности версии на разных разделах сайта.
  

Answer 4

[vapa]

colorfilter.wickline.org
https://geon.github.io/programming/2016/03/03/dsxyliea