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

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

Одним из требований к версии для слабовидящих является наличие подписей к изображениям, размещенным на сайтах. Чтобы добавить подпись к изображению автоматически, нужно указать значение атрибута alt (альтернативная подпись) для тега img. Способ добавления атрибутов к тегам зависит от используемого при работе с сайтом редактора (конструктора). Содержимое атрибута alt выводится на страницу сайта под изображением

Пример работы скрипта можно видеть на текущей странице (кнопка в верхнем левом углу)

Решение подходит для сайтов:

  1. написанных вручную
  2. созданных с помощью программы Minisite

Решение, возможно, подойдет для сайтов, созданных с помощью различных систем управления содержимым (bitrix, joomla, drupal и т.п.), при наличии доступа к коду шаблона сайта. При отсутствии доступа к шаблону возможно также внедрение скрипта в код страниц сайта.

"Как подключить скрипт к сайту?"

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

Вариант 1. Для простого html-сайта:

в раздел заголовка всех страниц сайта перед тегом </head> добавить следующий код

<script type="text/javascript" src="special.js"></script>

Пример:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>Домашняя страница МБОУ "..."</title>
<meta name="description" content="Домашняя страница МБОУ ...">
<link href="css/style.css" rel="stylesheet" type="text/css">
•••
<script type="text/javascript" src="special.js"></script>
</head>

Вариант 2. Для html-сайта, на котором используются скрипты

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

var script = document.createElement('script');
script.src = 'special.js';
document.getElementsByTagName('head')[0].appendChild(script);

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

Если имеется возможность редактировать шаблон сайта, в раздел заголовка шаблона сайта перед тегом </head> добавить следующий код

<script type="text/javascript" src="special.js"></script>

Пример: CMS Joomla


•••

<?php echo '<?'; ?>xml version="1.0" encoding="<?php echo $this->_charset ?>"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" dir="<?php echo $this->direction; ?>" >
<head>
<link rel="stylesheet" href="
<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/css/blueprint/print.css" type="text/css" media="print" />
•••

<script type="text/javascript" src="
<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/js/template.js">
</script>
<script type="text/javascript" src="special.js"></script>

</head>

Вернуться к портфолио