1

Topic: Как создать версию сайта для слабовидящих

Одним из требований Федеральной службы по надзору с сфере образования и науки к сайту является создание версии для слабовидящих. Как сделать версию сайта для слабовидящих на школьном сайте в uCoz?

2

Re: Как создать версию сайта для слабовидящих

Зачем нужна версия для слабовидящих?

Согласно закону «О социальной защите инвалидов в Российской Федерации», государственные организации обязаны предоставлять людям с ограниченными возможностями версию интернет-ресурса для слабовидящих.
Функционал обязателен для реализации на ресурсах всех государственных структур без исключения. К тому же он рекомендуется для коммерческих и общественных организаций. Версия сайта для людей с ограниченными возможностями по зрению привлечет неохваченную аудиторию.

3

Re: Как создать версию сайта для слабовидящих

Требования к версии для слабовидящих


Требования доступности для инвалидов по зрению описываются в ГОСТ Р 52872-2012. Вот основные из них:
ресурс должен быть настроен таким образом, чтобы его элементы не вызывали затруднений в работе;
фреймы на сайте запрещены;
все изображения должны иметь текстовое описание содержимого, а ссылки — целевой страницы;
возможность включить/отключить управление отображения изображениями;
наличие нескольких вариантов отображения размера шрифтов;
возможность включить/отключить управление фоном сайта;
цветовое оформление должно быть контрастным, но цвет не может являться единственным способом для визуальной идентификации элементов на сайте.

4

Re: Как создать версию сайта для слабовидящих

Как установить версию для слабовидящих
Скрипт версии сайта для слабовидящих размещён и доступен бесплатно на официальном сайте скриптов uScript: Версия сайта для слабовидящих. Перейдите по ссылке, чтобы установить его самостоятельно. Пошаговая инструкция по установке прилагается к скрипту.
Скрипт версия для слабовидящих на uScript.pro

Скачать скрипт бесплатно

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

5

Re: Как создать версию сайта для слабовидящих

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

6

Re: Как создать версию сайта для слабовидящих

Для начала в <head> добавить скрипт

<script>

function setDynCSS(url) {
if (!arguments.length) {
url = (url = document.cookie.match(/\bdyncss=([^;]*)/)) && url[1];
if (!url) return '';
}
document.getElementById('dyncss').href = url;
var d = new Date();
d.setTime(d.getTime() + (30*60*1000));
document.cookie = ['dyncss=', url, ';expires=', d.toGMTString(), ';path=/;'].join('');
return url;
}
setDynCSS();
</script>

А это уже вызов функции

<a  onclick="setDynCSS('Здесь ссылка на CSS шаблон с большими шрифтами')" href="">
    ВЕРСИЯ ДЛЯ СЛАБОВИДЯЩИХ
</a>
<a onclick="setDynCSS('Здесь ссылка на обычный шаблон сайта CSS')" href="">
    ОБЫЧНАЯ ВЕРСИЯ САЙТА
</a>