Создание шаблонов Joomla - [8]

Размеры шрифтов: Шрифты должны быть читаемы и на старых или альтернативных системах.

Основные требования к доступности изложены по адресу http://www.section508.gov.

Реальность

Вначале реальность несколько пугает. Сложно найти сайт, полностью отвечающий всем требованиям доступности. Однако, как уже говорилось, нет пределов совершенству. Повсеместное использование CMS систем и формулировка четких критериев доступности также способствует распространению «правильно» оформленных сайтов.

Компании, торгующие через Интернет, тоже начинают понимать, что сайты, доступные более широкому кругу пользователей, способны принести больший доход.

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

Начинайте с простого.

Соответствует ли Joomla! требованиям доступности

Если кратко: нет.

Однако, в Joomla! версии 1.5.0 уже заложен фундамент, который в следующих версиях разовьется в полноценную поддержку всех аспектов, необходимых для создания доступного сайта.

Можно ли привести Joomla! в соответствие с требованиями доступности?

Если кратко: да!

Технология

Joomla! до версии 1.5.0 все еще использует разметку в виде XHTML таблиц. Однако, при построении сайта со «свободной» конфигурацией элементов использование тегов таблиц недопустимо. Таким образом, программный код Joomla!, отвечающий за вывод информации необходимо изменить. Сделать это можно с помощью системы видов, описанной в подразделе Изменение отображения HTML без изменения базовых файлов.

Если вы сможете создать интуитивно понятную структуру с корректным XHTML кодом, масштабируемыми шрифтами, правильными комбинациями цветов и достаточной контрастностью, уровень доступности вашего сайта будет выглядеть вполне достаточным.

Проверить функциональность сайта можно с помощью массы различных инструментов. В поисках подходящего инструмента рекомендуем посетить сайт Яна Эрика Хеллбуша (Jan Eric Hellbusch).

Люди

Теперь перейдем к людям, которые наполняют сайт содержимым – редакторам. В первую очередь необходимо пробудить в них чувство ответственности.

Вот пример корректного и семантически правильного оформления текста:

заголовок первого уровня

первый параграф

второй параграф

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

заголовок первого уровня

Корректная же версия команды будет выглядеть так:

заголовок первого уровня

Как научить этому редактора?

Существуют две программы, являющиеся стандартом для обработки текста: OpenOffice.org и MicrosoftWord. Редакторы должны иметь аналогичный инструмент с такими же возможностями для создании контента веб страниц. WYSIWYG редактор, встроенный в Joomla! реализует лишь малую часть этих возможностей. Вот еще один пример корректного размещения графики с использованием атрибутов title и longdesc:

Атрибут longdesc служит для размещения расширенного описания изображения

При наполнении сайта необходимо учесть еще массу таких «трюков». WYSIWYG редактор Joomla! не совсем подходит для таких целей.

Также очень важным является и корректное построение фраз. Язык текста должен быть легко понятен целевой аудитории. Журналистский талант может прийтись очень к стати!

Доступный сайт с Joomla!

Вот пример сайта Joomla!, отвечающего критериям веб доступности (www.3tc4u.co.uk):

Рис. 28: Доступный веб сайт

На этом же ресурсе можно найти примеры и других подобных сайтов.

Итог

Надеемся, что эта статья поможет вам в создании собственных шаблонов. Также мы постарались прояснить для вас понятие Web Accessibility (веб доступности) сайтов для различных групп пользователей. Дерзайте и у вас все получится!

Дополнение

Структура шаблона (файла index.php)

Элементы позволяют обращаться к динамическим секциям шаблона без использования PHP команд

Код шаблона:

type="condition" conditionvar="LANG_DIR">

rel="stylesheet" type="text/css" />

Эффект - Установка CSS поддержки для языков с письмом справа налево.

-----------------------

BODY

Отображение системных сообщений Joomla!

Загрузить модуль в позиции [position]. Стиль [style]: 0 – модуль отображается в табличной колонке (…)