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

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

Всем привет!

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

Думая над логикой модуля, чтобы всё не усложнять я пришел к следующему решению: проще всего сделать "версию для слабовидящих" отдельной темой оформления и переключать темы "на лету". Необходимо установить и подготовить тему оформления, которая будет "для слабовидящих". В 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

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

Аватар пользователя 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. Масло масленное Smile
По идее надо ее назвать "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

аааа...а я в модуле искал Smile
надо об этом файле упомянуть в описании модуля и документации, т.к. его нет в теме на 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

эх, зря обновил тему Smile
в файл custom.css я перенес свои стили и....ничего Smile
менял права на папку /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 января 2019 в 16:05

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

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

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

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

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

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

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

Аватар пользователя alex-litvinov alex-litvinov 10 декабря 2019 в 1:47

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

Аватар пользователя ivnish ivnish 10 декабря 2019 в 12:04

Добавьте блок перехода на обычную версию в любой регион темы для слабовидящих

Аватар пользователя alex-litvinov alex-litvinov 10 декабря 2019 в 13:29

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

Аватар пользователя alex-litvinov alex-litvinov 10 декабря 2019 в 15:31

Изменяю место положение блоков в структуре но по факту ничего не менятся, то есть как отображались в тех областях по факту так и осталось. Кэеш чистил. Версию JQ менял, не помогает

Аватар пользователя zvse zvse 10 декабря 2019 в 12:56

Я чутка исследовал эту тему и был просто в восторге с решений иностранных коллег.
самыми доступными сайтами(не в русском муниципальном сегменте) считаются сайты с правильной разметкой. Чтобы скринридеры хорошо понимали что и где находится, где тело статьи, где менюшка, хедер, футер, эсайд и прочее
https://developer.mozilla.org/en-US/docs/Learn/Accessibility/HTML

А остальное должен делать браузер и операционная система (и они это реально умеют делать хорошо)
остальное - бесполезная хрень

В-общем, хотелось как лучше, а получилось как с куки банером

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

подскажите пжста, на каких сайтах применяется, чтобы посмотреть как вживую работает?