Доступность веб-сайтов: WWW для всех?

1. Доступность веб-
сайтов: WWW для
всех?
Наталья Егорова

2. О чем будем говорить?
• Что такое доступность веб-сайтов?
• Как люди пользуются WWW?
• Что делать, чтобы сайты стали более
доступными?
• Итоги

3. Сила WWW - в универсальности
"Сила WWW в ее универсальности.
Доступность каждому вне зависимости от
возможностей человека - ее неотъемлемая
характеристика"
Тим Бернерс-Ли, директор W3C и изобретатель
WWW

4. Что такое
доступность веб-
сайтов?

5. Доступность веб-сайтов
Доступность веб-сайтов - понятие,
включающее в себя разработку веб-сайтов,
удобных для людей всех способностей и
возможностей

6. Ограниченные возможности
2010 год
на планете Земля - 7 миллиардов людей
- это до 1/5 или 1.5 миллиарда населения имеют
ограниченные возможности

7. Виды физических ограничений
На доступ к WWW влияют физические ограничения,
связанные с:
•зрением
•слухом
•движением
•восприятием

8. Зрительные ограничения
Нормальное зрение

9. Зрительные ограничения
Ослабленное зрение

10. Зрительные ограничения
Нормальное зрение

11. Зрительные ограничения
Цветовая слепота

12. Кто все эти люди?

13. Людвиг ван Бетховен
• глухота
• один из наиболее
уважаемых и
исполняемых
композиторов в мире

14. Томас Эдисон
• нарушение слуха
• пониженная
обучаемость
• всемирно известный
американский
изобретатель и
предприниматель

15. Альберт Эйнштейн
• пониженная обучаемость
• физик-теоретик, один из
основателей
современной
теоретической физики,
лауреат Нобелевской
премии по физике 1921
года, общественный
деятель-гуманист

16. Стивен Хоукинг
• моторные нарушения
(паралич)
• один из наиболее
влиятельных и известных
широкой общественности
физиков-теоретиков
нашего времени

17. Старение населения
Мир Европа

18. Как люди
пользуются WWW?

19. Вспомогательные технологии
скринридеры и программы распознавания речи
•JAWs
•Window-Eyes
•NVDA
•etc.

20. Вспомогательные технологии
терминалы Брайля

21. Вспомогательные технологии
экранные лупы

22. Вспомогательные технологии
• альтернативные клавиатуры
• альтернативные указательные устройства

23. Что делать, чтобы
веб-сайты были
доступными всем?

24. Уровни доступности
Уровни доступности в соответствии с Web Content
Accessibility Guidelines 2.0:
•A
•AA
•AAA

25. Принципы доступности
Принципы доступности в соответствии с Web Content
Accessibility Guidelines 2.0:
•Воспринимаемость
•Управляемость
•Понятность
•Надежность

26. Принципы доступности
WСAG 2.0: Подробные рекомендации по обеспечению
доступности веб-сайтов
http://www.w3.org/TR/WCAG20/

27. Оценка доступности
Процедура предварительной оценки WAI
•Выбрать репрезентативные страниц
•Просмотреть страницы графическим браузером
•Просмотреть страницы специализированными
браузерами
•Протестировать страницы с помощью инструментов
для автоматического тестирования
•Итоги и переход к детальной проверке
http://www.w3.org/WAI/eval/preliminary.html

28. Aaron Cannon
http://www.cannonaccess.com

29. Aaron Cannon Checklist
• Разметка
• Внешний вид и контент
• Динамический контент
• Изображения и мультимедиа
• Формы
• Тестирование
http://cameronmoll.com/downloads/Web_Accessibility_Checklist.pdf

30. Aaron Cannon Checklist: Разметка
• структура отделена от оформления
• <h1>...<h6>
• <title>
• lang="es"
• ссылки "Перейти к контенту"
• <th>
• tabindex=""

31. Aaron Cannon Checklist: Внешний вид и
контент

32. Aaron Cannon Checklist: Динамический
контент
• js события не должны радикально и непредсказуемо
менять страницу

33. Aaron Cannon Checklist: Изображения и
мультимедиа
• alt=""
• пояснения для аудио и видео
• доступность элементов управления для медиа
• CAPTCHA

34. Aaron Cannon Checklist: Формы
• <label>
• <fieldset> в сочетании с <legend>
• удобное обозначение ошибок при заполнении
• ссылки на помощь и подсказки
• подтверждение или возможность отмены важных
действий
• html теги - по назначению

35. Aaron Cannon Checklist: Тестирование
• http://validator.w3.org
• http://colororacle.org/ или http://www.vischeck.com
• http://wave.webaim.org
• тестирования экспертом по доступности

36. Законодательные нормы
• США - section 508 (секция 508 Акта о реабилитации)
• Германия - Barrierefreie-Informationstechnik-
Verordnung - BITV 2.0 (Постановление о доступности
информационных технологи)
• Швеция - Vagledningen 24-timmarswebbe (Шведское
Национальное Руководство для Вебсайтов
Общественного Сектора)
• РФ - ГОСТ Р 52872-2007 - Интернет-ресурсы:
Требования доступности для инвалидов по зрению

37. Законодательные нормы: Примеры
http://www.vditz.de/

38. Законодательные нормы
http://special.kremlin.ru/

39. Итоги

40. Итоги
• обеспечение доступности - это просто
• доступные сайты = качественные +
кроссбраузерные/кроссплатформенные =>
конкурентноспособные

41. Ваши вопросы

42. Наталья Егорова
n.yegorova@sysiq.com
yegorova.natasha