Компании, торгующие через Интернет, тоже начинают понимать, что сайты, доступные более широкому кругу пользователей, способны принести больший доход.
В реальной жизни приходится иметь дело с различными группами пользователей, различными типами пользовательских терминалов и требованиями. Поэтому, ваш веб сайт всегда будет компромиссным. Не ставьте перед собой сразу заоблачные требования.
Начинайте с простого.
Соответствует ли 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!, отвечающего критериям веб доступности (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 – модуль отображается в табличной колонке (
)
1 – горизонтальное меню
-1 – отдельная строка
-2 – позиционирование с помощью XHTML тегов (
…
)
-3 – опция для форматирования «закругленных» углов.
Условная инструкция: если имеется модуль для отображения слева, загрузить его в шаблон
Отображение компонента. Имя компонента извлекается из URL.
Читать дальше