Topic: Как создать версию сайта для слабовидящих
Одним из требований Федеральной службы по надзору с сфере образования и науки к сайту является создание версии для слабовидящих. Как сделать версию сайта для слабовидящих на школьном сайте в uCoz?
You are not logged in. Please login or register.
Одним из требований Федеральной службы по надзору с сфере образования и науки к сайту является создание версии для слабовидящих. Как сделать версию сайта для слабовидящих на школьном сайте в uCoz?
Зачем нужна версия для слабовидящих?
Согласно закону «О социальной защите инвалидов в Российской Федерации», государственные организации обязаны предоставлять людям с ограниченными возможностями версию интернет-ресурса для слабовидящих.
Функционал обязателен для реализации на ресурсах всех государственных структур без исключения. К тому же он рекомендуется для коммерческих и общественных организаций. Версия сайта для людей с ограниченными возможностями по зрению привлечет неохваченную аудиторию.
Требования к версии для слабовидящих
Требования доступности для инвалидов по зрению описываются в ГОСТ Р 52872-2012. Вот основные из них:
ресурс должен быть настроен таким образом, чтобы его элементы не вызывали затруднений в работе;
фреймы на сайте запрещены;
все изображения должны иметь текстовое описание содержимого, а ссылки — целевой страницы;
возможность включить/отключить управление отображения изображениями;
наличие нескольких вариантов отображения размера шрифтов;
возможность включить/отключить управление фоном сайта;
цветовое оформление должно быть контрастным, но цвет не может являться единственным способом для визуальной идентификации элементов на сайте.
Как установить версию для слабовидящих
Скрипт версии сайта для слабовидящих размещён и доступен бесплатно на официальном сайте скриптов uScript: Версия сайта для слабовидящих. Перейдите по ссылке, чтобы установить его самостоятельно. Пошаговая инструкция по установке прилагается к скрипту.
Скрипт версия для слабовидящих на uScript.pro
Скачать скрипт бесплатно
Если вы не обладаете достаточными навыками для самостоятельной установки скрипта, закажите услугу установки
Только сначала тебе стоит сделать копию этих страниц сайта. Потом выделяешь текст и делаешь его крупным шрифтом. Не забудь ставить ссылки на версию для слабовидящих (крупным шрифтом) и у тебя версия сайта для слабовидящих готова!
Для начала в <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>
Generated in 0.059 seconds (70% PHP - 30% DB) with 26 queries