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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Код шаблона:

type="condition" conditionvar="LANG_DIR">

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

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

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

BODY

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

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

1 – горизонтальное меню

-1 – отдельная строка

-2 – позиционирование с помощью XHTML тегов (

-3 – опция для форматирования «закругленных» углов.

Условная инструкция: если имеется модуль для отображения слева, загрузить его в шаблон

Отображение компонента. Имя компонента извлекается из URL.

Чтобы заменить логотип в уже существующем шаблоне, необходимо просмотреть его исходный код. Графика и изображения могут быть определены как в HTML так и в CSS структурах. Размер графических изображений, обычно, оптимизируется под конкретный шаблон.

Заменить изображение в шаблоне можно одним из следующих методов:

Метод 1

1. Создайте графический объект с таким же размером и разрешением, как и у заменяемого.

2. Загрузите новый объект в Медиа Менеджер (MediaManager)joomla!

3. Нажмите на графический файл, чтобы получить ссылку на него.

4. Замените соответствующий атрибут тега img (

Метод 2

1. Создайте новый графический объект и присвойте ему имя, аналогичное имени заменяемого.

2. Просто замените старый графический объект новым.

Перевод и публикация:Copyright© 2007WWW.JOOMLAUA.COM