Разметка: простота использования и доступность Web-сайта

Хорошо продуманная HTML-библиотека поможет сделать ваш сайт простым и доступным, даже для пользователей с ограниченными физическими возможно­стями.

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

  • доступность поможет не только тем пользователям, физические возмож­ности которых ограничены постоянно, например слепым или людям с повреждениями опорно-двигательного аппарата, но и тем, чьи физичес­кие возможности ограничены временно, как, например, моей упавшей на лед коллеге. Не нужно создавать сайт, доступный избранному числу посе­тителей;
  • доступность сделает ваш сайт более популярным среди посетителей, ис­пользующих нетрадиционные устройства, такие как карманные компью­теры и мобильные телефоны. 
  • для некоторых владельцев недоступность их сайтов может обернутьсясерьезными судебными тяжбами, а мы все знаем, как это дорого обхо­дится;
  • лучше сразу позаботиться о доступности вашего сайта. Если включить доступность в требования к еще не созданному сайту, это займет всего 3% от бюджета, а переделка сайта будет стоить намного больше. Например, на малобюджетном сайте, созданном без CMS, добавление возможностей навигации при помощи перехода по клавише табуляции или альтернатив­ной функции для посетителей, не имеющих возможности использовать JavaScript, займет несколько дополнительных минут на страницу. Однако время и цена, потраченные на преобразования, выполняемые каждый день, — ничто по сравнению с полной переделкой сайта. Добавлять не­большие изменения ежедневно все равно, что откладывать деньги на чер­ный день;
  • некоторые сайты по закону должны быть доступными для людей с физи­ческими недостатками. В статье 508 американского закона по реабилита­ции говорится о том, чтобы электронные информационные источники федеральных учреждений были доступны людям с ограниченными физи­ческими возможностями. Работа над .gov-сайтами или над .edu- или .org-сайтами, финансируемыми из федеральных источников, вполне возмож­но, потребует принять во внимание статью 508. Сейчас очень многие правительственные учреждения начинают предъявлять подобные требо­вания к такого рода сайтам 1.

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

Следующие советы по разметке помогут вам создать сайт, доступный макси­мальному числу пользователей. Если обычно вы не заостряли внимание на HTML, должно пройти некоторое время, прежде чем вы поймете, что тщатель­ная работа над HTML не отнимает лишнее время. Потерпите немного. Скоро вы освоите этот способ работы, и ваша работа станет более эффективной и контролируемой, чем когда-либо. Потраченное время принесет свои плоды в виде большего числа посетителей и меньшего количества жалоб.

1 Несмотря на то, что за рубежом в последнее время предъявляются строгие требования к сай­там с точки зрения их доступности, российских сайтов это касается мало. Обеспечивать до­ступность или нет — дело Web-профессионала, создающего сайт. — Прим. науч. ред.

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

Проведите следующий эксперимент: отключите мышку от компьютера на некоторое время и попробуйте поработать в Интернете, пользуясь исключи­тельно клавиатурой. Вы сразу узнаете, как это сложно, и быстро поймете, как просто это должно быть. Переключение с одного элемента сайта на другой при помощи клавиши табуляции поможет пользователям перемещаться по сайту быстро и эффективно. У пользователя должна быть возможность обходиться без мышки. Также он должен иметь возможность перемещаться по сайту при помощи клавиши табуляции, пропуская ненужные элементы сайта, с такой же скоростью, с какой пользователь воспринимает сайт визуально.

Посмотрите на рис. 3.3, где изображен один из моих почтовых ящиков.

Если бы мне нужно было просмотреть входящие сообщения, то сначала пришлось бы пройти по всем пунктам с левой стороны страницы, а затем -сверху. Подумайте о моей коллеге, которая временно не могла работать правой рукой. Подумайте о людях, которые никогда не смогут пользоваться мышкой! Такой сайт, как этот, потребует непомерных затрат времени и будет очень уто­мительным в использовании. Помните о том, что сайты вы создаете для того, чтобы помогать людям.

Существует простой способ решения проблемы перехода по клавише табу­ляции: подумайте об этом заранее. Еще раз взгляните на рис. 3.3 и на коды ниже. Оба кода представляют собой разметку для почтового сайта, однако во втором продуман порядок перехода по табуляции.

<table>

<tr>

<tdxinput   type=»checkbox»   name=»somename»   value=»001″    /></td>

<tdxa   href = «openmail . html «>Carrie    Bickner</ax/td>

<td>03/01/2003</tdxtd>231386</tdxtd>SOW   Migration    Project</td>

</tr>

Чтобы добраться до первого сообщения (рис. 3.3), пользователь вынужден пролистать все меню левой панели.

<table> <tr>

<tdxinput type=»checkbox»  name=»somename» value=»001″ tabindex=»l»  /x/td>

<tdxa href=»openmail .html» tabindex=»2″>Carrie Bickner</ax/td> <td>03/01/2003</tdxtd>2313 86</tdxtd>SOW Migration Project</td> </tr>

Проблема порядка перехода по клавише табуляции легко поправима при до­бавлении атрибута tabindex в элемент формы или ссылки, которая, по вашему мнению, должна быть выделена, когда посетитель начнет просмотр. Ссылка с ат­рибутом tabindex=»l» — это первая ссылка, с которой у посетителя начнется пе­реход по клавише табуляции. Когда атрибут tabindex станет частью пополняемой HTML-библиотеки, вы сами убедитесь в его необходимости. Включение по­добных атрибутов разметки значительно сократит затраты на создание HTML-кода.

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

Posted in Экономичный Web-дизайн.