Модуль и тема оформления "Версия для слабовидящих"

Аватар пользователя ivnish ivnish 2 сентября 2018 в 8:38
26

Всем привет!

Кто разрабатывал сайты для государственных, муниципальных, образовательных учреждений знает, что у сайта должна быть обязательно "версия для слабовидящих". Хочу предложить своё решение этого вопроса.

Думая над логикой модуля, чтобы всё не усложнять я пришел к следующему решению: проще всего сделать "версию для слабовидящих" отдельной темой оформления и переключать темы "на лету". Необходимо установить и подготовить тему оформления, которая будет "для слабовидящих". В admin/appearance/settings выбрать эту тему.

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

Модуль после включения создаёт 2 уже готовых блока: "версия для слабовидящих"

и "обычная версия".

Первый нужно разместить на обычной теме оформления, а второй соответственно на "версии для слабовидящих". Вот собственно и всё, с помощью этих двух блоков мы переключаем тему оформления.

С помощью CSS можно изменить изображения на кнопках в блоках.

Что делать, если модуль не работает?

Топ 3 проблем:
1) Не выбрана тема в admin/appearance/settings
2) Библиотека jQuery подключаемая из каталога с темой. Если вам нужна другая версия, отличная от той, что идет в ядре, используйте модуль jquery_update, а не подключайте самостоятельно!
3) Проверьте все подключаемые в теме JS-файлы. Народные "умельцы" любят подключать различные JS-файлы, которые часто написаны не по стандартам кодирования Drupal и приводят к ошибке работы других модулей (хотя сами работают).

Скачать модуль можно с официальной страницы проекта
Скачать тему можно с официальной страницы проекта

Комментарии

Аватар пользователя ivnish ivnish 14 сентября 2016 в 13:41

Намёк понял. Даже попробовал. Но использование хука вместо ThemeKey немного усложнит модуль. А именно, придется делать форму, где пользователю будет нужно указать названия темы для версии для слабовидящих и запоминать это название в БД. Впрочем, это будет лучше, чем тащить за собой ThemeKey как зависимость. Спасибо за наводку.

Аватар пользователя sergeybelya sergeybelya 27 сентября 2016 в 13:30

And unlike other theme switching modules, ThemeKey should play well with internal and external page caches, like Boost or Varnish, even for anonymous users. - это со страницы модуля на орге - не соответствует действительности?

Аватар пользователя keha3912 keha3912 18 октября 2016 в 6:04

я обошелся без спецмодулей. все решил ThemeKey+Text Resize+Redirect+Adaptive Theme (на базе которой я сделал аскетичную тему). Блок создал по обычному пути.
вот, к примеру вот это удовлетворило муниципалитет

Аватар пользователя ivnish ivnish 18 октября 2016 в 13:41

У моих клиентов такое не прокатывает. В постановлении правительства ЯНАО прописано, что помимо изменения размера текста, необходимо еще изменение кернинга, фона, изменение отображения изображений (цветные, чернобелые, нет). В идеале еще чтение текста "экранным диктором", но я его не делал, потому что даже на kremlin.ru этого нет.

Аватар пользователя lipinart lipinart 24 октября 2016 в 10:39

Подпишусь, пока просматриваю готовые решения. У вашего модуля еще один недостаток - не возможно переключится обратно, при этом перекрывается и тема админки...

На мой взгляд два пути развития событий:
1. Создать упрощенную субтему, вывести кнопку, которая будет передавать текущее состояние в hook_custom_theme(), предложенный Алексеем.
2. В большинстве случаев достаточно подменить сагрегированный css-файлик при неизменной разметке. Но тут нужно подтягивать сессии.

Аватар пользователя ivnish ivnish 24 октября 2016 в 11:26

Чтобы переключиться обратно нужно нажать на кнопку "обычная версия". Она находится в блоке "Normal version" под настройками. Не забудьте добавить этот блок в тему для слабовидящих (предполагаю, что вы этого не сделали).

Тема админки, да, перекрывается. Но не вижу в этом проблемы, т.к. версия для слабовидящих создается преимущественно для анонимных пользователей

Аватар пользователя ivnish ivnish 4 августа 2017 в 16:41

В новой версии этот баг (с перекрытием темы админки) решился сам собой, т.к. был очень переработан и оптимизирован код

Аватар пользователя ivnish ivnish 11 января 2017 в 19:22

Привет!

После установки модуля становятся доступны 2 блока. Один для включения версии для слабовидящих:

(здесь кнопка стилизована под конкретный сайт)

И второй блок для управления и отключения версии для слабовидящих:

Поддержки мультиязычности пока нет, я её прикручу в следующей версии. Модуль пишу в свободное время, а его очень мало.
ЗЫ, можешь помочь с разработкой, буду только "за")

Аватар пользователя Van'Denis Van'Denis 12 января 2017 в 1:03

Класс! Кажется это то, что мне нужно. По поводу помочь - пиши в лс. Может получится чем помочь :)

Аватар пользователя ivnish ivnish 17 июля 2017 в 9:40

Друзья-товарищи! Рад сообщить, что я не забросил модуль. По многочисленной обратной связи я решил переделать вид блока в виде панели сверху сайта (как у законодателей моды kremlin.ru). При этом пока что все недостатки модуля остаются: отдельная тема оформления и необходимость отключить кэширование. Их исправлять будем позже.

Аватар пользователя tehfoxen tehfoxen 8 августа 2017 в 10:54

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

Аватар пользователя ivnish ivnish 8 августа 2017 в 11:10

Кэширование включено? Если да, то придется выключить
Настройки запоминаются в cookies. Запись cookies на диск разрешена?

Аватар пользователя tehfoxen tehfoxen 8 августа 2017 в 11:12

кэширование выключено в том то и дело) с предыдущим модулем таких проблем не было((

Аватар пользователя pr0g pr0g 8 августа 2017 в 12:17

По поводу переключения темы "на лету", может посмотреть как это реализовано в модуле switchtheme.

Аватар пользователя ivnish ivnish 16 августа 2017 в 15:12

Исправил issue по поводу переключения темы при включенном кэшировании! Кто пользуется модулем и кэшированием - проверяйте.

Аватар пользователя qbigbass qbigbass 28 сентября 2017 в 9:17

Поставил модуль, разместил блоки по темам. Кеширование отключил. При переключении с обычной версии на версию для слабовидящих ничего не происходит, страница просто перезагружается. Куки разрешены. Попробовал поставить установленную тему (версия для слабовидящих) по умолчанию, работает, но при переходе по разделам настройки слетают. Пробовал на разных браузерах, переключения не работают. Библиотека jquery.cookie которая указана в модуле она автоматически подключается на сайте?

Аватар пользователя ivnish ivnish 28 сентября 2017 в 9:22

Здравствуйте. Версию точно последнюю поставили? Новая версия не требует отключения кэширования. Ошибки в консоли браузера есть? Дайте ссылку на сайт сюда или мне в личку

Аватар пользователя keha3912 keha3912 13 октября 2017 в 7:35

та же проблема - при переключении с обычной версии на версию для слабовидящих ничего не происходит, страница просто перезагружается

Аватар пользователя keha3912 keha3912 13 октября 2017 в 8:04

Отключил сжатие javascript - теперь при нажатии на блок анонимного пользователя происходит переадресация на одну из страниц сайта. Под админом нет изменений. Очень странное поведение модуля...

Аватар пользователя ivnish ivnish 13 октября 2017 в 8:13

Здравствуйте! Раздел в шапке "Что делать, если модуль не работает?" читали?

Аватар пользователя keha3912 keha3912 13 октября 2017 в 9:07

да, читал
стоит обычный модуль jquery_update
пытался менять версию jquery для темы используемым модулем - не помогло

Аватар пользователя keha3912 keha3912 16 октября 2017 в 6:47

просьба выложить модуль на drupal.org и сделать проверку модулем настроек в admin/appearance/settings)

Аватар пользователя ivnish ivnish 16 октября 2017 в 7:09

На орге скоро будет. И проверку, видимо, придётся сделать, т.к. многие не очень внимательно читают readme. Спасибо за обратную связь!

Аватар пользователя keha3912 keha3912 17 октября 2017 в 7:50

Дело в том, что очень трудно понять смысл плашки Special theme с выбором Special theme. Масло масленное :)
По идее надо ее назвать "The theme for the visually impaired" (Тема для слабовидящих), а в ней уже выбор темы Special theme

Аватар пользователя ivnish ivnish 19 октября 2017 в 12:15

Пост был обновлен. Модуль и тема размещены на drupal.org. Просьба всем, кто пользуется, удалить старые версии и скачать модуль и тему с орга. Это нужно для дальнейшего обновления и статистики.

Аватар пользователя keha3912 keha3912 24 октября 2017 в 5:50
1

Перешел на модуль с drupal.org. Спорное, конечно, решение в названия модулей и тем добавлять слова module и theme.
По мне так лучше развести названия на модуль visually_impaired_support и тему visually_impaired
При замене модуля тему Special лучше сразу не удалять (новая просто встает рядом), чтобы можно было легко перенести настройки и ничего не забыть.
Файл стилей style.css в теме visually_impaired кардинально изменился и перенести свои стили простым переносом файла из темы Special не получится. Отсюда просьба на будущее: сделайте пожалуйста шаблон подтемы для темизации или возможность подключения своего css файла в настройках модуля.
Неплохо было бы добавить русскоязычное описание модуля на drupal.org, как у яндекса сделано, т.к. этот модуль будет гуглиться исключительно по русскоязычным запросам....

Аватар пользователя ivnish ivnish 24 октября 2017 в 8:43

Я уже добавил соответствующий issue по созданию файла custom.css для пользовательских стилей.
Перевод добавлю, да

Аватар пользователя keha3912 keha3912 24 октября 2017 в 10:50

аааа...а я в модуле искал :)
надо об этом файле упомянуть в описании модуля и документации, т.к. его нет в теме на drupal.org

Аватар пользователя ivnish ivnish 25 октября 2017 в 20:19
1

Выпустил обновление темы 7.x-1.0-rc4

CHANGELOG:
Fixed https://github.com/itcrowd72/visually_impaired_theme/issues/1
Fixed https://github.com/itcrowd72/visually_impaired_theme/issues/2
Fixed https://github.com/itcrowd72/visually_impaired_theme/issues/3
Fix kerning in admin panel
Fix container size with sidebars and not

Огромная просьба перед этим обновлением сделайте бэкап файла style.css, если вы изменяли или добавляли свои стили. Их нужно будет переписать в специальный файл кастомных стилей custom.css. Он будет находиться в каталоге files/visually_impaired_theme.
custom.css не будет перезаписываться при обновлении. В дальнейшем обновление будет происходить в штатном режиме

Аватар пользователя ivnish ivnish 26 октября 2017 в 11:15

Выпустил обновление модуля 7.x-1.0-rc2

Закрыты 2 issue
https://github.com/itcrowd72/visually_impaired_module/issues/2
https://github.com/itcrowd72/visually_impaired_module/issues/3

В модуль был добавлен файл перевода на русский язык. Если он не подтянется автоматически, можете импортировать его вручную на странице admin/config/regional/translate/import

Аватар пользователя keha3912 keha3912 27 октября 2017 в 5:43

эх, зря обновил тему :)
в файл custom.css я перенес свои стили и....ничего :)
менял права на папку /sites/default/files/visually_impaired_theme с 755 на 775 и права файла custom.css с 644 на 664 , не помогло

Аватар пользователя ivnish ivnish 1 сентября 2018 в 21:23
2

Выложил версию для Drupal 8 в свободный доступ. Ранее версия для Drupal 8 была платной.

Аватар пользователя Phantom63rus Phantom63rus 5 сентября 2018 в 20:43

Офф/2: а как на счёт версии для слепых? Есть ридеры, которые зачитывают текст, косяк в том что многие темы не оптимизированы и пока они дойдут до блока с контентом... Глубоко не копал, там вроде есть какая-то метаразметка.

Аватар пользователя Semantics Semantics 5 сентября 2018 в 21:26

Темы как раз вполне оптимизированы.
А вот SEO-оптимизаторы привыкли удалять нефиг все эти оптимизации

Аватар пользователя ivnish ivnish 19 сентября 2018 в 9:24

Обновил тему оформления для восьмерки, синхронизировал её с кодовой базой семерки

Аватар пользователя footgear404 footgear404 8 ноября 2018 в 16:11

Добрый вечер! Drupal 7
Установил тему для СВ admin/appearance/settings, добавил блок. При нажатии на кнопку просто обновляется страница. jQuery апдэйт установил. (вышк версии 2.2 не могу поставить, т.к. слайдер сразу ломается)
И подскажите можно ли сделать не блоком, а ссылкой. Чтобы при нажатии на текст включалась ВС
Спасибо!

Аватар пользователя ivnish ivnish 9 ноября 2018 в 7:29

1. Для работы модуля СВ jquery update не требуется
2. Какую тему вы выбрали в качестве темы для СВ?
3. Можно ссылкой, нужно назначить ID ссылке такой же как у кнопки переключения (инспектор браузера поможет)

Аватар пользователя Telefax Telefax 15 ноября 2018 в 11:02

Возможно ли использовать модуль visually_impaired_module без специальной темы? Т.к. основная сверстана с кучей стилей и twig'ов, всвязи с этим даже на bartik сайт выглядит как УГ...

Аватар пользователя ivnish ivnish 15 ноября 2018 в 11:02

Возможно ли использовать модуль visually_impaired_module без специальной темы

Нет, т.к. сам модуль используется для переключения темы на другую. Но вы можете сами сделать тему на основе вашей основной темы и "причесать" её как надо.

Аватар пользователя Telefax Telefax 15 ноября 2018 в 11:08

Переключение темы необходимо только для того, чтобы в новой теме появился блок с кнопками управления шрифтом\цветами или еще какая-то зависимость есть?

Аватар пользователя ivnish ivnish 15 ноября 2018 в 11:22

Конкретно в теме https://www.drupal.org/project/visually_impaired_theme и реализована панель управления версией для слабовидящих. Модуль, как я говорил ранее, используется для простого для пользователей переключения темы.

Аватар пользователя ivnish ivnish 25 ноября 2018 в 19:46

Гуляя по просторам интернета, нашел свой модуль для слабовидящих на сайте ДК ЖД г. Краснодар

Мелочь, а приятно)

Аватар пользователя zvendelo zvendelo 11 января в 16:05

Предложение: Согласно требований Рособрнадзора http://www.fgosvo.ru/news/21/1077 в коде должен быть атрибут itemprop="Copy", чтоб автоматизированная проверка проходила тест на версию для слабовидящих - может уже тогда фикс для кода блока кнопки, или его можно перекрыть в теме?

Аватар пользователя zvendelo zvendelo 11 января в 17:25

Есть целые проверки на эти требования тест Есть секретная обновлённая версия этих указаний, почему то отсутствующих на оф. сайте рособрнадзора Актуализированные методические рекомендации" от 27.06.2017 г.

Аватар пользователя ivnish ivnish 14 января в 21:54

@zvendelo я выпустил обновления модуля. Добавил к кнопке itemprop="Copy". Обновитесь и проверьте у себя. Если есть возможность, проверьте тестом, находит ли он этот атрибут.

Аватар пользователя zvendelo zvendelo 14 января в 23:24

Да, всё появилось, есть только мой косяк - itemprop="Copy" надо 'copy' с маленькой буквы, а это эти хитрые гос. роботы не умеют читать с большой буквы. Поменял в коде на маленькую - всё завелось:) Спасибо за проделанную работу.
проверка роботом