;
Виктория Слинявчук

Тестирование доступности: цветовая слепота

30.11.2016 9287
IBS Training Center Telegram
Подписывайтесь на наш канал в Telegram:
больше материалов экспертов, анонсы бесплатных вебинаров и задачки для IT-специалистов
Подписаться
Тестирование доступности (accessibility testing) - один из видов тестирования юзабилити. Его цель - убедиться в том, что наш продукт удобен в использовании? в том числе и для людей с различными видами инвалидности или особенностей восприятия. Это могут быть проблемы со зрением, слухом или ограничения в подвижности рук. Об этих категориях людей, увы, часто забывают.

Один из примеров - люди с цветовой слепотой (дальтонизмом). Эта особенность довольно широко распространена. Различными видами цветовой слепоты страдают около 8 % мужчин и 0,4 % женщин - не так уж мало!

Конечно, это не инвалидность, но необычное цветовое восприятие может существенно мешать воспринимать информацию и создавать ряд трудностей, например, при вождении автомобиля.

Чаще всего цветовая слепота обусловлена генетически, но бывают и другие причины: возрастные изменения, травмы, побочный эффект некоторых медикаментов.





Существует несколько разновидностей цветовой слепоты.
Ахроматопсия — полное отсутствие цветного зрения, очень редкий случай – не более одного человека на 10 тысяч!

Наиболее частый случай – дейтераномалия, встречающаяся у ~5-6 % мужчин и ~0,3-0,4 % женщин. Это пониженная чувствительность к зеленоватым оттенкам.

Другие особенности цветовосприятия оттенков красного и зеленого – протаномалия, протанопия и дейтеранопия — встречаются примерно у одного из 100 мужчин и одной из 1000 женщин.

Бывают и нарушения восприятия сине-фиолетовой области спектра: тританомалия и тританопия. Ими страдает менее 1 % мужчин и женщин, кстати, в этом случае частота не зависит от пола, так как эти особенности восприятия цвета вызваны мутацией в 7-й хромосоме.

Выглядит очень сложно и запутанно? Как же сделать так, чтобы наш продукт был удобен в использовании и понятен для людей со всеми этими особенностями зрения?

На самом деле, для этого достаточно соблюдать два простых принципа:
1. Цвет не должен быть единственным способом передачи информации. Если вы используете цвет для того, чтобы, допустим, отобразить статус, эту информацию стоит продублировать еще каким-то образом - геометрическими фигурами, иконками или текстовым комментарием. Вот, например, статусы Skype:





2. Хорошая контрастность. Хорошая контрастность обеспечивает нормальную видимость элементов управления и текста даже для людей, не различающих те или иные оттенки.
Есть отличный инструмент для тестирования веб-сайтов на предмет доступности для людей с различными формами цветовой слепоты: Color Blind Web Page Filter.

Нужно просто ввести URL и выбрать фильтр:




Внимание: если вы перейдете по ссылке на другую страницу, она откроется в обычном виде. Так что если хотите протестировать несколько страниц, нужно поочередно ввести URL каждой.

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

Если вы хотите сократить количество тестов, можно ограничиться только тремя фильтрами: дейтеранопия, протанопия и тританопия. Это наиболее выраженные формы цветовой слепоты (не считая крайне редкого черно-белого зрения). Остальные люди с особенностями цветовосприятия видят больше оттенков, и если ваш UI достаточно хорошо виден с этими тремя фильтрами, то и для остальных будет отображаться корректно.

Отрабатывать практические навыки рекомендуем на курсах, для более продвинутых слушателей у нас есть специальные экспертные сессии.


Курсы по тестированию ПО.

Расскажи друзьям:

Anthony
Air Max 720
Wholesale Jordan Shoes
Balenciaga Sneakers
Pandora Charms
Nike Outlet
Pandora Charms
Nike
Jordan 5
Adidas Sale
Nike Canada
Adidas Trainers
Pandora Jewelry
Adidas Canada
Asics Sneakers For Women
Pandora Outlet
Pandora Website
Balenciaga Shoes
Triple S Balenciaga
Pandora Outlet
Pandora Jewelry
Nike 97 Air Max
Moncler Coat Women
Pandora Jewelry
Pandora Outlet
Nike Outlet Store
Pandora Jewelry
Goyard Handbags
Pandora Jewelry Official Site
Salvatore Ferragamo
Jordan Retro 1
Air Max 270
Adidas Official Site
Nike Outlet Store Online Shopping
Nike Jordans
Pandora Jewelry Official Site
Jordan 1's
Asics Gel Kayano
Outlet Asics
Pandora
Pandora Jewelry Outlet
Pandora Outlet
Goyard Bags
Pandora Jewelry Official Site
Jordan Ones
Pandora Jewelry Official Site
Pandora Charms
Air Jordan
Pandora Charms
Pandora Jewelry
Jordans Sneakers
New Nike Shoes
Pandora Jewelry 70% Off Clearance
Asics Shoes
Wholesale Jordan Shoes
Pandora
Nike Air Jordan 1
Moncler Jackets
Cheap Nike Shoes
Pandora Charms Sale Clearance
Moncler Jackets
Jordan 1 Low
Nike Shoes Women
Pandora Outlet
Air Jordan 1
Air Jordan 1 Mid
Pandora Jewelry
Nike Snkrs
Jordan 1 Lows
Moncler Outlet
Pandora Charms
Asics Running Shoes
Nike Running Shoes
Pandora Jewelry Official Site
Pandora Charms
Nike Sneakers For Men
Adidas Shoes Men
Pandora Charms Outlet
Men's Nike Shoes
Jordan 1 Dior
Pandora Charms
Balenciaga Sneakers Sale
Pandora Bracelets
NMD
Jordan 1
Balenciaga
Pandora Rings
Jordan 1 High
Nike UK
Nike Air Max
Cheap Adidas
Pandora Jewelry 70% Off Clearance
Moncler Coats For Women
Moncler Jackets Outlet
Jordan 1 Retro
Mens Basketball Shoes
Pandora Charms
Nike Shoes
Moncler
Balenciaga Shoes Women
Yeezys
Pandora Jewelry Official Site
Adidas Yeezy
Moncler Jacket
Pandora
Cheap Moncler
Ferragamo Belts
Nike Shoes Men
Pandora Charms
Pandora Charms
Air Jordan 1 Retro
Jordan Shoes
Pandora Jewelry
Ferragamo
Wholesale Retro Jordans
Moncler Jacket For Women
Nike Canada
Ferragamo Shoes
Balenciaga
Pandora Jewelry
Sneakers Adidas
Nike Men Shoes
Pandora Jewelry Official Site
Adidas Running Shoes For Men
Pandora Charms Outlet
Pandora Outlet
Pandora
Asics Outlet
Moncler
Adidas Shoes For Women
Pandora Jewelry
Pandora
Nike Factory
Pandora
Ferragamo Belt Men
Adidas Canada
Pandora Jewelry
Pandora Bracelets
Nike Shoes Women
Jordan 1 Retro
Pandora Bracelet Charms
Pandora Bracelets
Pandora Rings
Pandora Outlet
Nike Air Jordans 1
Wholesale Jordan Shoes
Pandora Charms Outlet
Pandora Jewelry Official Site
Nike
Adidas Outlet Store
Nike Outlet Store
Pandora
Cheap Moncler
Asics Shoes
Air Jordan 1 High
Women Nike Sneakers
Puma Outlet
Pandora Charms
ИмяЦитировать 0
Комментировать
Как не пропустить самое интересное?
Подписывайтесь на наш ежемесячный дайджест!
Спасибо.
Вы подписаны на ежемесячный дайджест.
Пользователь только что записался на курс ""
Спасибо!
Форма отправлена успешно.