Pull to refresh
  • by relevance
  • by date
  • by rating

Стандарт доступности содержимого WAI-WCAG 1.0

IT Standards *
О необходимости внедрения стандартов доступности сервисов и содержимого говорится в итоговой резолюции РИФ-2008, а в мировой практике такие стандарты существуют и используются более 10 лет. Следование рекомендациям по доступности содержимого WAI-WCAG (Web Accessibility Initiative Web Content Accessibility Guidelines) является одним из требований конкурса WebHiTech. В настоящей статье постараюсь перечислить рекомендации стандарта.

WCAG 1.0 — стандарт, описывающий общие правила оформления страниц в интернете разработан в 1999 году подразделением WAI группы W3C. Цель стандарта — сделать содержимое интернета доступным всем пользователям, в том числе пользователям с ограниченными возможностями (например, лишенные зрения пользователи используют для работы в интернет специальные программы, зачитывающие содержимое сайтов). Стандарт описан в виде гайдлайнов, содержащих перечень контрольных точек, разделенных на три группы по приоритету:
Читать дальше →
Total votes 15: ↑15 and ↓0 +15
Views 6.5K
Comments 7

IE 8 не показывает текст alt во всплывающей подсказке

IT Standards *
Translation
Одно из достоинств браузера IE 8 состоит в том, что в стандартном режиме (standards mode) он больше не показывает текст alt во всплывающей подсказке. Прежние версии Internet Explorer показывали этот текст, когда вы наводили курсор мыши на изображение — и такое поведение побуждало многих людей к неверному пониманию атрибута alt и к написанию скверных текстов alt.

Хорошо, что сейчас его исправили, и что IE 8 теперь ведёт себя подобно прочим браузерам. Оборотная сторона этого — в том, что вам, возможно, понадобится объяснять клиентам, отчего пропали их подсказки. Заодно поведайте им о написании хороших текстов alt и о том, что им следует использовать атрибут title, если они желают появления некоей подсказки. Однако также удостоверьтеся, что вы не в атрибуты title помещаете существенно необходимую читателю информацию.
Total votes 22: ↑12 and ↓10 +2
Views 1K
Comments 1

Не помещайте существенно важную информацию в атрибут title

IT Standards *
Translation
Атрибут title может использоваться для указания дополнительных сведений о HTML-элементе — о гиперссылке, например. И когда эти сведения не просто повторяют текст гиперссылки, текст title может быть полезен.

А чего следует избегать, так это помещения в атрибуте title важной информации, которой больше нигде нету. Причина в том, что некоторые пользователи и знать не будут о тексте title:
  • Когда для перемещения по странице используется клавиатура, большинство браузеров не показывают текст title (я ни одного такого не знаю, который показывал бы).
  • Большинство читальников с экрана вслух настраиваются таким образом, что не читают текст title, покуда пользователь специально о том не попросит.
  • Есть задержка перед тем, как текст title будет показан читателям, использующим мышь и графический браузер, так что они могут пройти мимо текста, если не ведают, что он есть там.
Так что использовать-то атрибут title используйте, когда это уместно, но не применяйте его просто для повторения текста гиперссылки, и не помещайте в нём критически важную информацию.

Эта блогозапись — один из Быстрых советов. Подробности предыстории изложены в «Быстрых советах для веборазработчиков и вебодизайнеров».
Total votes 28: ↑6 and ↓22 -16
Views 942
Comments 9

20 наиболее необходимых инструментов для проверки отображения сайта

Айкен corporate blog
Translation
Доступность контента и отображение информации на сайте чрезвычайно важна. Говоря простым языком, что хорошего может сделать то, что находится у вас на сайте, если определенные люди не смогут увидеть это? Конечно, этот новый модный дизайн с мелким шрифтом и малоконтрастными цветами для вас и ваших друзей выглядит классно, но вот что насчет тех, у кого слабое зрение, или тех, кто не различает некоторые цвета, или тех, у кого какие-либо другие проблемы со зрением — они ведь просто не смогут ничего найти, не говоря уже о том, чтобы прочитать хоть что-нибудь на вашем сайте. Вам надо, даже не «надо», а вы ДОЛЖНЫ сделать свой сайт доступным для как можно большего числа посетителей.

Только вот, что же делать, чтобы гарантировать доступность своего сайта? После прочтения данной статьи ваша задача значительно упростится. Ниже вы найдете 20 инструментов, помогающих сделать сайт более доступным.

Читать дальше →
Total votes 38: ↑35 and ↓3 +32
Views 28K
Comments 11

Смотря на код с закрытыми глазами

Usability *Accessibility *
Sandbox
От переводчика

Эта статья — перевод блогозаписи Флориана Бейджерса, слепого программиста из Нидерландов.
Перевод любительский, поэтому прошу указывать на ошибки и критиковать.
Я не нашёл корректного перевода слова accessibility, поэтому перевёл его как «доступность». Если есть вариант получше — предложите, пожалуйста.
Антон Туманов предложил «адаптированность», за что ему большое спасибо.
Как заметил в комментарии pepelsbey, «доступность» является корректным переводом, вернул её обратно.
Почему я сделал перевод? Я наткнулся на опрос на Quora.com «Как программируют слабовидящие программисты?». Ответы людей меня впечатлили, а блогозапись Флориана показалась наилучшим вариантом для введения в этот важный вопрос.

Я — программист. А ещё я слеп. Слеп, как крот, как говорится. Таков я от рождения.

Когда я говорю об этом своим товарищам, то те из них, у кого никогда не было проблем со зрением, обычно задают один из трёх вопросов:

  • Как же ты тогда можешь читать то, что я пишу?
  • Ого. А как ты тогда можешь кодить?
  • Или — самый популярный вопрос — А ты видишь сны?

Мне задают эти вопросы снова и снова. Поэтому в этой блогозаписи я хочу на них ответить. Я попытаюсь нарисовать картинку для тех из вас, кто интересуется доступностью и тем, как слепые люди пользуются компьютером, кодят и выполняют другие работы в 21 веке.
Читать дальше
Total votes 227: ↑224 and ↓3 +221
Views 121K
Comments 174

Как программируют слабовидящие программисты?

Usability *Accessibility *
Translation

От переводчика

Что это за пост? Он не похож на статью


Это действительно не статья. Это компиляция самых интересных, на мой взгляд, ответов на заглавный вопрос: «Как программируют слабовидящие программисты?» из обсуждения на Quora.com.

Почему я сделал перевод?


Ответы людей меня сильно впечатлили. Я никогда не думал, что люди сталкиваются с такими проблемами и не только не отчаиваются, а мужественно и смело эти проблемы преодолевают, сохраняя при этом оптимизм и радость к жизни. Это поразительно.

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

Это не так. Совсем не так.

Нет никаких специально обученных разработчиков.

Нет никакого особого веба.

Веб один и он общий для всех. И никаких других разработчиков, кроме нас с вами, в нём нет. И именно мы с вами несём за него ответственность.

Именно мы с вами — те люди, которые делают его таким, как он есть. Именно из наших с вами рук пользователи получают веб-страницы. Разработчик — последний, кто вносит в веб-страницу правки и определяет, насколько она будет доступной для людей, которые вынуждены пользоваться вебом иначе — слепые ли они, парализованные ли, или их возможности каким-то иным образом ограничены. Это — социальная ответственность, хотим мы этого или нет.

Давайте же делать веб чуточку лучше, доступнее для всех и каждого, и пусть никто не уйдёт обиженным.

Читать дальше →
Total votes 67: ↑65 and ↓2 +63
Views 39K
Comments 38