Блог Александра Геннадьевича Баданова

БЛОГ АЛЕКСАНДРА БАДАНОВА.Идеи, технологии, сервисы для учителей. Материалы о Республике Марий Эл. Заметки.

вторник, 1 марта 2016 г.

Создание версии сайта для слабовидящих на платформе UCOZ

Каждое образовательное учреждение в соответствии с ГОСТ Р 52872-2007 "Интернет-ресурсы. Требования доступности для инвалидов по зрению"должно иметь  версию официального сайта для слабовидящих. С этим пришлось столкнуться и мне. Сайт колледжа в котором работаю существует достаточно давно и внести изменения в сайт проблематично.
Благодарен Ю.А. Винницкому, который в посте Версия сайта для слабовидящих. Используем finevision.ru на образовательном портале поделился сообщением о возможности реализации на сайте образовательной организации версии сайта для слабовидящих.

Сайт колледжа создан на платформе UCOZ, Возможно пользователям сайтов на этой платформе будет полезна информация о встраивании кнопки.

1. Переходим на сайт Finevision

 Рекомендуется воспользоваться инструктивными материалами на сайте.

2. Получаем код для встраивания кнопки на сайт образовательной организации. Для этого достаточно ввести адрес сайта ОУ и кликнуть по кнопке "Получить код":

3. Несколько версий оформления кнопки и код для встраивания получены. Я выбрал выделенный красным цветом код:

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

4. В редакторе страниц админской панели сайта открыл содержимое главной странички. Код добавил сразу, как начинается тело документа. На скриншоте выделено красным. Обозначил для информации в будущем содержимое интегрированного кода, обозначив его текстовым комментарием.



 5. Остаётся только посмотреть на то, как выгладит сайт с новым приобретением:



И результаты работы кнопки:

 
Все кнопки работают: масштабирование, выбор цвета, включение и выключение графики и др.

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

Адрес сайта колледжа доступен здесь.
Версия сайта для слабовидящих доступна здесь.

Успешной работы!