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

1,171 views

Published on

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

0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,171
On SlideShare
0
From Embeds
0
Number of Embeds
224
Actions
Shares
0
Downloads
0
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

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

  1. 1. Доступность веб-сайтов: WWW длявсех?Наталья Егорова
  2. 2. О чем будем говорить?• Что такое доступность веб-сайтов?• Как люди пользуются WWW?• Что делать, чтобы сайты стали более доступными?• Итоги
  3. 3. Сила WWW - в универсальности"Сила WWW в ее универсальности.Доступность каждому вне зависимости отвозможностей человека - ее неотъемлемаяхарактеристика"Тим Бернерс-Ли, директор W3C и изобретательWWW
  4. 4. Что такоедоступность веб- сайтов?
  5. 5. Доступность веб-сайтовДоступность веб-сайтов - понятие,включающее в себя разработку веб-сайтов,удобных для людей всех способностей ивозможностей
  6. 6. Ограниченные возможности2010 годна планете Земля - 7 миллиардов людей- это до 1/5 или 1.5 миллиарда населения имеютограниченные возможности
  7. 7. Виды физических ограниченийНа доступ к WWW влияют физические ограничения,связанные с:•зрением•слухом•движением•восприятием
  8. 8. Зрительные ограниченияНормальное зрение
  9. 9. Зрительные ограниченияОслабленное зрение
  10. 10. Зрительные ограниченияНормальное зрение
  11. 11. Зрительные ограниченияЦветовая слепота
  12. 12. Кто все эти люди?
  13. 13. Людвиг ван Бетховен • глухота • один из наиболее уважаемых и исполняемых композиторов в мире
  14. 14. Томас Эдисон • нарушение слуха • пониженная обучаемость • всемирно известный американский изобретатель и предприниматель
  15. 15. Альберт Эйнштейн • пониженная обучаемость • физик-теоретик, один из основателей современной теоретической физики, лауреат Нобелевской премии по физике 1921 года, общественный деятель-гуманист
  16. 16. Стивен Хоукинг • моторные нарушения (паралич) • один из наиболее влиятельных и известных широкой общественности физиков-теоретиков нашего времени
  17. 17. Старение населения Мир Европа
  18. 18. Как людипользуются WWW?
  19. 19. Вспомогательные технологиискринридеры и программы распознавания речи•JAWs•Window-Eyes•NVDA•etc.
  20. 20. Вспомогательные технологиитерминалы Брайля
  21. 21. Вспомогательные технологииэкранные лупы
  22. 22. Вспомогательные технологии• альтернативные клавиатуры• альтернативные указательные устройства
  23. 23. Что делать, чтобы веб-сайты былидоступными всем?
  24. 24. Уровни доступностиУровни доступности в соответствии с Web ContentAccessibility Guidelines 2.0:•A•AA•AAA
  25. 25. Принципы доступностиПринципы доступности в соответствии с Web ContentAccessibility Guidelines 2.0:•Воспринимаемость•Управляемость•Понятность•Надежность
  26. 26. Принципы доступностиWСAG 2.0: Подробные рекомендации по обеспечениюдоступности веб-сайтовhttp://www.w3.org/TR/WCAG20/
  27. 27. Оценка доступностиПроцедура предварительной оценки WAI•Выбрать репрезентативные страниц•Просмотреть страницы графическим браузером•Просмотреть страницы специализированнымибраузерами•Протестировать страницы с помощью инструментовдля автоматического тестирования•Итоги и переход к детальной проверкеhttp://www.w3.org/WAI/eval/preliminary.html
  28. 28. Aaron Cannon http://www.cannonaccess.com
  29. 29. Aaron Cannon Checklist• Разметка• Внешний вид и контент• Динамический контент• Изображения и мультимедиа• Формы• Тестированиеhttp://cameronmoll.com/downloads/Web_Accessibility_Checklist.pdf
  30. 30. Aaron Cannon Checklist: Разметка• структура отделена от оформления• <h1>...<h6>• <title>• lang="es"• ссылки "Перейти к контенту"• <th>• tabindex=""
  31. 31. Aaron Cannon Checklist: Внешний вид и контент
  32. 32. Aaron Cannon Checklist: Динамический контент• js события не должны радикально и непредсказуемо менять страницу
  33. 33. Aaron Cannon Checklist: Изображения и мультимедиа• alt=""• пояснения для аудио и видео• доступность элементов управления для медиа• CAPTCHA
  34. 34. Aaron Cannon Checklist: Формы• <label>• <fieldset> в сочетании с <legend>• удобное обозначение ошибок при заполнении• ссылки на помощь и подсказки• подтверждение или возможность отмены важных действий• html теги - по назначению
  35. 35. Aaron Cannon Checklist: Тестирование• http://validator.w3.org• http://colororacle.org/ или http://www.vischeck.com• http://wave.webaim.org• тестирования экспертом по доступности
  36. 36. Законодательные нормы• США - section 508 (секция 508 Акта о реабилитации)• Германия - Barrierefreie-Informationstechnik- Verordnung - BITV 2.0 (Постановление о доступности информационных технологи)• Швеция - Vagledningen 24-timmarswebbe (Шведское Национальное Руководство для Вебсайтов Общественного Сектора)• РФ - ГОСТ Р 52872-2007 - Интернет-ресурсы: Требования доступности для инвалидов по зрению
  37. 37. Законодательные нормы: Примерыhttp://www.vditz.de/
  38. 38. Законодательные нормыhttp://special.kremlin.ru/
  39. 39. Итоги
  40. 40. Итоги• обеспечение доступности - это просто• доступные сайты = качественные + кроссбраузерные/кроссплатформенные => конкурентноспособные
  41. 41. Ваши вопросы
  42. 42. Наталья Егороваn.yegorova@sysiq.com yegorova.natasha

×