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

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

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

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

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

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

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

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

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

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

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

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



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



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

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

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

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

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

2 комментария:


  1. Hi,

    I'm Candy from PearlMountain Technology. I'm writing to invite you to do a review or write an article about our FotoJet on your website. Your readers may be glad to know it.

    FotoJet is an online art designer for creating collages, photo cards, social media arts, posters and other photo designs with personal photos. Try it out: https://www.fotojet.com/.

    It would be a good fit for your readers to make designs with their own photos. Could you please take a look and write about it on your site?

    Wish a positive response from you.

    Best Regards,

    Candy
    PearlMountain
    Skype: candy.rora

    ОтветитьУдалить
    Ответы
    1. Thanks for the interesting offer. About your service already written, but if there were new interesting opportunities, be sure to note them.

      Удалить