Современное решение для слабовидящих — шаблон Аccessibility для сайта на базе Joomla

Современное решение для слабовидящих — шаблон Аccessibility для сайта на базе Joomla

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

Современное решение для слабовидящих — шаблон Аccessibility для сайта на базе Joomla

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

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

Какой должна быть версия сайта для слабовидящих?

Что такое accessibility? Данный термин был придуман в качестве обозначения доступности веб-страниц для людей с ограниченными возможностями. Если речь идет о accessibility именно в контексте веб-интерфейса, тогда львиную долю этой категории пользователей занимают больные, страдающие заболеваниями зрительного аппарата. К примеру, если человек болеет дальтонизмом, то общедоступная цветовая гамма помешает ему четко и равномерно воспринимать информацию.

Современные технологии веб-разработки

AngularJS, Webpack, NodeJS, ReactJS, TypeScript, Gulp, Git, Github...
Узнайте все о современных технологиях в веб-разработке

Узнать подробнее

Согласно нормам российского ГОСТа, отличительными чертами визуальной составляющей версии сайта для слабовидящих должны быть:

увеличенный шрифт;

монохромная черно-белая расцветка;

отсутствие ярко выраженных графических элементов и графики как таковой.

То есть, грубо говоря, версия web accessibility для сайта должна представлять собой набор веб-страниц, на которых содержится лишь текст, написанный понятным крупным шрифтом, а также удобная и понятная навигация.

Современное решение для слабовидящих — шаблон Аccessibility для сайта на базе Joomla

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

Грамотные разработчики, прошедшие онлайн-курсы по монетизации собственных знаний, понимают, что их целевая аудитория — это государственные организации, поэтому стоимость кнопок для переключения с одного шаблона на другой может обойтись до 100$. Однако если постараться, то можно найти и бесплатные модули или вовсе создать переключатель самим.

Создание версии для слабовидящих на Joomla своими руками

Если вы являетесь рукастым специалистом в работе на CMS Joomla и постоянно проходите интернет-курсы по совершенствованию навыков в веб-разработке, то можете попробовать создать переключатель версий сайта самостоятельно. По сути, аналоговый вариант представляет собой не что иное, как дополнительную таблицу стилей CSS. Грубо говоря, все, что вам нужно — это отредактировать текущую версию таблицы стилей под нормы ГОСТа и залить в ядро сайта JavaScript, с помощью которого получилось бы переключать шаблоны между готовыми CSS-файлами.

То есть порядок действий должен быть примерно следующим:

Современные технологии веб-разработки

AngularJS, Webpack, NodeJS, ReactJS, TypeScript, Gulp, Git, Github...
Узнайте все о современных технологиях в веб-разработке

Узнать подробнее

Вносите в нынешний CSS id, который позволит движку его определять.

Копируете таблицу стилей и корректируете ее согласно требованиям ГОСТ (убираете изображение, увеличиваете шрифт, изменяете фон).

Вносите в файл пометку, что данная версия действует для слабовидящих.

Пишете код скрипта с помощью функции look() с указанием пути к другому файлу CSS.

Настраиваете файлы cookies, опираясь на язык PHP, чтобы избежать постоянного переключения между версиями веб-сайта во время переходов с одной страницы на другую.

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

Пошаговая инструкция по установке готового шаблона

А теперь давайте перейдем непосредственно к тому, как установить шаблон accessibility для Joomla. Чтобы вам было проще ориентироваться в дальнейших ступенях информации, для начала можно пройти полезные курсы по веб-дизайну, которые смогли бы заметно усовершенствовать ваши навыки. Ну, а если же не терпится перейти к практике, тогда идем дальше.

Шаг 1. Скачиваете шаблон и плагин

Шаблон представляет собой ту самую картину сайта, которая будет находиться перед людьми со зрительными отклонениями, а благодаря плагину Template Switcher пользователи смогут переключаться с одной версии на другую.

Шаг 2. Разархивируете и устанавливаете файлы

По отдельности установите каждый файл. Установка плагина производится в админке Joomla, в разделе «Менеджер расширений». Не забудьте его активировать.

Шаг 3. Устанавливаете шаблон

Делается это также в админке, в разделе «Менеджер шаблонов». После того как установка будет завершена, вы увидите список загруженных шаблонов, среди которых нужно выбрать Accessibility.

Шаг 4. Донастраиваете шаблон

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

Современное решение для слабовидящих — шаблон Аccessibility для сайта на базе Joomla

Шаг 5. Настраиваете плагин

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

Шаг 6. Создаете специальный модуль

Это необходимо, чтобы кнопка-переключатель отображалась на сайте. Создать модуль можно в разделе «Расширения» — «Менеджер модулей» в админ-панели. Модуль должен состоять из html-кода, который будет представлять собой путь к альтернативной версии сайта. Не забудьте активировать модуль.

Шаг 7. Создаете еще одну кнопку

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

Надеемся, сегодняшняя информация по настройке android accessibility была для вас полезна. Поделитесь ссылкой на статью в социальных сетях, чтобы и ваши знакомые почерпнули для себя что-то новое. Подпишитесь на наш блог, если вы еще до сих пор этого не сделали. До скорой встречи!

Современные технологии веб-разработки

AngularJS, Webpack, NodeJS, ReactJS, TypeScript, Gulp, Git, Github...
Узнайте все о современных технологиях в веб-разработке

Узнать подробнее
Самые свежие новости IT и веб-разработки на нашем Telegram-канале

Joomla-Мастер: с нуля до Премиум шаблона

Пошаговый видеокурс по созданию адаптивных сайтов на CMS Joomla с уникальным дизайном

Научиться

Метки:

Похожие статьи:

Комментарии Вконтакте:

Комментарии Facebook:

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Я не робот.

Spam Protection by WP-SpamFree