Создание версии для слабо видящих -> Как сделать сайт на html -> Модуль Switchtheme на Drupal

Версия сайта для слабовидящих

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

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

Различия между двумя шаблонами должны быть минимальными, чтобы фирменный стиль сайта оставался единым.

В некоторых случаях достаточно только создать два стиля, отличающиеся только одной строкой:

css1.css

{font-size:12px;}

или

css2.css

{font-size:16px;}

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

Создание версии сайта для слабовидящих на JavaScript

Чтобы обеспечить взаимодействие с пользователями между тегами <head></head> вставляем строку:

<link id="sts" href="/css1.css" rel="StyleSheet" type="text/css">

Затем добавляем на сайт форму выбора нужного стиля:

<select id="vyb" onchange="fff()">
<option value="1">Обычный вид</option>
<optionvalue="2">Версия для слабовидящих</option>
</select>

Версия для слабовидящих

В код страницы необходимо добавить скрипт:

<script>
function font_size()
{
sts= document.getElementById('sts')
vyb= document.getElementById('vyb')
if(vyb.value=="2") { sts.href="/css2.css"; window.reload)
}
</script>

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

Версия сайта для слабовидящих на Drupal

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

Drupal Настройки Switchtheme

Таким образом, вам понадобится только создать две (или более) темы и настроить размещение блока Switchtheme в видной части сайта.


Меню сайта

Версия сайта для слабовидящих
Версия сайта для слабовидящих