Часть 2: Доступность

Часть 1: Главная страница

Что такое доступность сайта?

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

В общем, уровень доступности вашего сайта определяется тем, как много вы думаете о пользователе, являющемся НЕ ИДЕАЛЬНЫМ для вас и вашего сайта, как много рассматриваете КРАЙНИХ, не показательных случаев. С моей точки зрения адаптация сайта для всех, даже самых редких случаев использования — и есть самый лучший показатель качества его разработки.

2.1: Кроссбраузерность

Понятно, что сайт должен отображаться и работать КАК ЗАДУМАНО в любом актуальном пользовательском браузере. А в плане отношения к неактуальным (IE 5.0, Firefox 1.x) и новым (как сейчас Google Chrome) браузерам лучшее, что вы можете сделать — это убедиться в валидности кода. Тогда вина за неправильную работу браузера (если такая возникнет) будет лежать уже не на вас :)

Полезные ссылки:

http://en.wikipedia.org/wiki/Usage_share_of_web_browsers
http://www.w3schools.com/browsers/browsers_stats.asp
http://www.liveinternet.ru/stat/groups/li/browsers.html
http://index.bigmir.net/users

2.2: Устройства доступа

Монитор 1280*1024 является самым популярным вариантом устройства доступа для современных сайтов. Но встречаются экраны как большего размера (даже в случае 1680*1050 многие разворачивают окно браузера на весь экран) и меньшего — 1024*768, и даже 800*480. В виде нетбуков, например. Это не говоря уже о мобильных устройствах. Обеспечить комфорт пользователям с такими устройствами доступа очень просто — главное вспомнить о них во время разработки и не полениться. Кроме того, в этот же пункт можно отнести создание стилей для устройств печати и других возможных применений страницы.

Вот хороший пример из Википедии:

<link rel=”stylesheet” href=”/skins-1.5/common/shared.css?179″ type=”text/css” media=”screen” />
<link rel=”stylesheet” href=”/skins-1.5/common/commonPrint.css?179″ type=”text/css” media=”print” />
<link rel=”stylesheet” href=”/skins-1.5/monobook/main.css?179″ type=”text/css” media=”screen” />
<link rel=”stylesheet” href=”/skins-1.5/chick/main.css?179″ type=”text/css” media=”handheld” />

2.3: Скорость и качество доступа

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

Кроме размера страниц большое значение имеет скорость отклика вашего хостинга. Мало кого порадует значение в 4 секунды между отправлением запроса браузером на сервер и получением первой реакции от него. Для тестирования вашего хостинга по этому параметру отлично подойдет сайт host-tracker.com.

2.4: Адаптация для слабовидящих

Слепые — тоже люди. К сожалению, оптимизация сайтов для них — больше социальная инициатива, чем финансово обоснованное решение. Но давайте поговорим о людях с просто НЕ ИДЕАЛЬНЫМ зрением. Таких, в плане либо плохого восприятия цветов, либо недостаточной остроты зрения — довольно много, особенно среди пожилых людей (а их доля среди интернет-пользователей постоянно увеличивается).

Что важно:

1. Обеспечить достаточный уровень контраста.
2. Обеспечить достаточный размер основного шрифта и возможность изменять его размер даже в Internet Explorer 6.
3. Не перегружать страницу мелкими не значащими ничего деталями.

2.5: Адаптация для слепых, людей с расстройствами движения, эпилептиков … и РОБОТОВ

К сожалению, современные реактивные темпы разработки сайтов не позволяют большинству разработчиков уделять достаточно внимания таким людям. Однако, можно заметить, что сайт, сделанный максимально ПРАВИЛЬНО в плане верстки (семантичность, валидность, задание не обязательных параметров, кроссбраузерность, максимально эффективное использование CSS) будет не только достаточно доступен для людей с ограничениями, но и обладать рядом дополнительных преимуществ: адаптированностью под поисковых роботов, самодокументированностью, компактностью.

Полезные ссылки:

1. Web Content Accessibility Guidelines
2. Test Your Site Now

2.6: Адаптация для дураков

Есть такой принцип, «сделай вещь так, чтобы и дурак смог ей пользоваться и только дурак захочет ей пользоваться». Он в целом правильный. Просто понятие «дурак» можно понимать совершенно по разному. Не только как человек с низким IQ, но и человек:

• не разбирающийся в конкретной теме, имеющий стереотипные заблуждения в ней;
• не желающий проявлять свой интеллект вот прямо сейчас, прямо здесь (например, банально лень концентрироваться);
• не имеющий определенных навыков общения с компьютером.

С таких позиций все мы время от времени — дураки. Поэтому, рекомендуется делать сайты так, как будто их пользователь имеет IQ не более 100 баллов, знания не выше уровня средней школы и умение использовать компьютер как после курсов «Компьютер и Интернет. Профессионал за неделю!». Даже если аудитория сайта — физики-ядерщики. Позвольте им проявить свой интеллект, читая статьи о физике, а не при отправке вашей «продвинутой» формы регистрации.