Доступность сайтов (большой сборник)

Я постараюсь выложить и структурировать в этом дайджесте достойные материалы по теме доступности сайтов, которые я собрал для своего доклада на UWDC’13 и также как справочник для дополнительного чтения, так как обо всём сразу не удастся рассказать за полчаса, отведённые на доклад (презентация с доклада уже доступна в репозитории на гитхабе)

Все материалы упорядочены по шести групам: книги, видеозаписи, презентации, статьи, блоги, твиттер-аккаунты. Все материалы на английском языке, поэтом я перевёл названия на русский.

Вне любой из категорий:

• WCAG 2.0 на русском — руководство по обеспечению доступности веб-контента на русском языке
• Easy Chirp — живое и рабочее приложения для доступа к твиттеру.

---

Книги

• Погружение в доступность — книга Марка Пилгрима отвечает на два вопроса, как и зачем; состоит из вступления и тридцати дней, освещённых со стороны пяти людей со определёнными ограничениями, пользующимися интернетом. Несмотря на небольшое устаревание некоторого количества информации, остаётся одной из самой полезных книг по доступности.
• Как обеспечить доступность сайта — достаточно годная 17 страничная книга покрывает основные аспекты.

Видеозаписи

• 19% активных интернет-пользователей из-за которых вы будете гореть в аду — видеозапись презентации Артёма Геллера. Прошло два с половиной года, но не в этом дело, так как теория остаётся всё той же.
• Инвалидные коляски уступают место новому устройству — окунитесь в атмосферу заботы о людях.
• Accessibility @ Mozilla: Intro — свежее видео с ютуб-канала файрфокса, передающее отношение к доступности среди разработчиков браузера.
• Опыт Томми Эдисона — канал от рождения слепого Тома, в котором он рассказывает про свою жизнь, особенно стоит выделить два видео: «Рассказывая про цвета слепому человеку» и «Бред, который говорят слепым»

Презентации

В этот раздел я включил полезные, интересные или из разряда «всегда хотели знать, но боялись спросить» презентации. Все они опубликованы на сервисе слайдшэйр, поэтому помните о возможности посмотреть все презентации понравившегося вам автора, впрочем об этом я позаботился сам и привёл ссылки на тех авторов, у кого есть ещё что-нибудь интересное.

• Аякс и доступность — поверхностная презентация от Кристиана Хейлмана, вводящая в курс дела.
• Сделать хаос более доступным от Аарона Левентэ — короткая презентация, дающая представление о основных ограничениях людей (с интересными примерами) и подготавливающая к использования ARIA аттрибутов.
• Доступность сайтов сошла с ума (теперь ещё больше!) — превосходная презентация от Джареда Смита сотрудника WebAim, в которой он рассказывает про невозможность существования идеального доступного сайта, так как требования и стандарты постоянно меняются и также знакомит с распространёнными заблуждения о доступности.
• Доступность и Совместимость (с людьми) — ещё одна презентация от Джареда, более полно раскрывающая подход к работе над улучшением доступности сайтов.
• История типичного пользователя программ для чтения с экрана — Джаред снова рассказывает про доступность, но уже в свете «экранных читалок», на основе опроса в WebAim.
• HTML и CSS советы для улучшения доступности ваших сайтов — щепотка мифов и много конкретных советов от Иво Гомеса.
• Как создать доступное веб приложение — аккаунт Web Axe подробно и с примерами рассказывает историю создания «Easy Chirp», о котором я говорил в самом начале.
• Yahoo! Hack University: Инновации и соревнования в доступности — хорошая обзорная презентация от разработчика из Яху Теда Дрейка.
• Доступность HTML 5 — небольшая презентация Теда, освещающая аспекты доступности в современном стандарте HTML.
• Распространённые ошибки доступности — и снова Дрейк расскажет вам, что вы делаете неправильно, почему и как нужно делать на самом деле.
• Лаборатория доступности Яху — Нэйт Эбрагимун рассказывает про опыт яху в создании и развитии корпоративной группы, направленной на улучшение доступности собственных сервисов.

Второй блок презентаций рассматривает более подробно тему ARIA аттрибутов.

• Быстрое знакомство с WAI-ARIA от Русса Викли.
• Знакомство с WAI-ARIA — более размеренное введение в аттрибуты доступности.
• WAI-ARIA - Вступление — не менее полезное, чем предыдущие два, введение в ARIA аттрибуты с отличными примерами.
• Динамическое и доступное содержимое сайта с помощью WAI-ARIA небольшое руководство по внедрению ARIA аттрибутов с конкретными примерами.
• Прогрессивное улучшение с ARIA — огромная и потрясающая презентация Аарона Густафсона; «Мы можем и должны создавать более качественные сайты» — цитата из этой вдохновляющей презентации.
• Доступный дизайн — презентация разработчика из Нокии Раджа Лалы; Радж раскрывает ещё несколько значений доступности и рассказывает про принципы дизайна, о которых должен помнить дизайнер, чтобы все были счастливы.
• WAI-ARIA виджеты — Тодд Клутт рассказывает, как вылечить HTML4 до HTML5 с помощью подорожника ARIA аттрибутов

Статьи

В этом блоке я привожу ссылки на статьи, которые по разным причинам заслуживают внимание.

• Аттрибут alt — свежайшая статья от Эрика Зельдмана про аттрибут alt у изображений и как правильно его использовать.
• Ты не можешь сделать кнопку — неплохая ретроспектива подходов к доступности контента.
• Быть или не быть навигации в ul — подробный холивар в блоге у Криса Койера.
• Названия полей в полях ввода — не лучшая идея — годный пример подтверждения правила Фарука Атеса.
• Веб разработчики: создать доступный сайт — чеклист того, о чём следует помнить разрабатывая «сайт для широкого круга пользователей, а не только для людей пользующихся сайтом, так же как и вы.»
• 25 способов сделать ваш сайт более доступным — статья от создателя доступного клиента твиттера Денниса Лембри — хороший список конкретных руководств к действию.
• Замечания по использованию ARIA вместе с HTML5 — статья объясняет, когда нужно использовать ARIA аттрибут, а когда можно нативный HTML тег из пятой редакции языка.
• Доступность социальных сетей — нерадостная картина — эту статью стоит прочитать, чтобы составить общее впечатление о том, как слепые пользуются социальными сетями, что не так с ними и окунуться в эту атмосферу; автору можно доверять — Марко Зиэ с рождения слеп и пользуется экранными читалками с 1991 года, когда у него появился его первый компьютер, на данный момент он работает инженером по контролю качества в корпорации Мозилла.
• Простые решения частых проблем доступности — девять проблем и их решения с букмарклетами для самостоятельной проверки.
• Рекомендуемая WAI-ARIA реализация для меню — Вопрос с кучей отсылок и подробнейший ответ на стековерфлоу.
• Интернет для незрячих. И немного про Apple — получасовой эпизод подкаста с Сергеем Усольцевым раскрывает тему голосовых функций на компьютерах и мобильных устройствах Apple — мне было очень интересно послушать живой опыт человека.

Блоги

• The Accessibility Project — совсем недавний проект созданный как открытая прощадка для улучшение интернета в сфере доступности. Обратите (sic!) внимание на опубликованный список ресурсов.
• Yachoo! Accessibility сайт команды специалистов из Яху.
• WebAxe — блог и подкаст про доступность сайтов.
• Marcozehe.de — блог Марко Зиэ.
• Тифлокомп.ру — русский сайт про технологии для незрячих и слабовидящих.

Твиттер

Твиттере-аккаунты живых людей или команд, специализирующихся на доступности.

• @MarcoInEnglish — Марко Зиэ
• @darkboutique — Артём Геллер
• @jared_w_smith — Джаред Смит
• @ted_drake — Тед Дрейк
• @AaronGustafson — Аарон Густафсон
• @dennisl — Деннис Лембри
• @iRajLal — Радж Лал
• @todd — Тод Клутс
• @PayPalInclusive — PayPal Accessibility
• @yahooaccess — Yahoo! Accessibility
• @EasyChirp — Easy Chirp
• @webaxe — WebAxe
• @AccessiQ — Access iQ