Foren / National / Russian / Скины и дизайн / Кнопка для слабовидящих

Oldman
#1 17. Mai 2016, 12:59

Здравствуйте!

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

Есть целый ГОСТ Р 52872-2012 «ИНТЕРНЕТ-РЕСУРСЫ. ТРЕБОВАНИЯ ДОСТУПНОСТИ ДЛЯ ИНВАЛИДОВ ПО ЗРЕНИЮ» THE INTERNET-RESOURCES. REQUIREMENTS OF ACCESSIBILITY FOR INVALIDS ON SIGHT, например здесь http://www.niiot.ru/doc/bank00/doc542/doc.htm

Если кратко, то устанавливаются три уровня обеспечения доступности. Регламентируется контрастность, пределы изменения размера шрифта (до 200%), рекомендуются чёрно-белые схемы и отсутствие пиктограмм и т. д.

 

Собственно вопрос: Как именно лучше/проще/правильнее всё ЭТО соблюсти. Вариантов скорее всего много. Может кто то уже имеет опыт решения этой задачи.

Roffun
#2 17. Mai 2016, 13:42
#41692 Oldman:

Здравствуйте!

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

Есть целый ГОСТ Р 52872-2012 «ИНТЕРНЕТ-РЕСУРСЫ. ТРЕБОВАНИЯ ДОСТУПНОСТИ ДЛЯ ИНВАЛИДОВ ПО ЗРЕНИЮ» THE INTERNET-RESOURCES. REQUIREMENTS OF ACCESSIBILITY FOR INVALIDS ON SIGHT, например здесь httр://www.niiot.ru/doc/bank00/doc542/doc.htm

Если кратко, то устанавливаются три уровня обеспечения доступности. Регламентируется контрастность, пределы изменения размера шрифта (до 200%), рекомендуются чёрно-белые схемы и отсутствие пиктограмм и т. д.

 

Собственно вопрос: Как именно лучше/проще/правильнее всё ЭТО соблюсти. Вариантов скорее всего много. Может кто то уже имеет опыт решения этой задачи.

Соблюсти всё это в идеале лучше/проще.правильнее, используя конкретные рекомендации, пробежал по выдаче:

 

Требования к версии для слабовидящих

 

  • ресурс должен быть настроен таким образом, чтобы его элементы не вызывали затруднений в работе;
  • фреймы на сайте запрещены;
  • все изображения должны иметь текстовое описание содержимого, а ссылки — целевой страницы;
  • возможность включить/отключить управление отображения изображениями;
  • наличие нескольких вариантов отображения размера шрифтов;
  • возможность включить/отключить управление фоном сайта;
  • цветовое оформление должно быть контрастным, но цвет не может являться единственным способом для визуальной идентификации элементов на сайте.

 

Не сталкивался с необходимостью создания подобного сайта, но исходя из того что прочитал, это всё реализуется как дополнительный интерфейс. Например на jquey по клику увеличивается шрифт, а чтобы не сбилось при переходе, можно сохранять в local storage пользователя. Также мог бы подойти вариант с переключением шаблонов, или создание специального плагина под это. Например на этом сайте по кнопке переходят на версию и обратно по другой.

Улетел на другую планету, а там почты нету.. https://www.cotonti.com/forums/45298?m=posts

Dieser Beitrag wurde von Roffun (am 16. Januar 2020, 15:48, vor 4 Jahre) bearbeitet
Oldman
#3 17. Mai 2016, 15:32

Вот и хорошо, что не сталкивалисьsmiley

После ратификации в Российской Федерации Конвенции о правах инвалидов, некоторые, принятые ранее, законы были приведены в соответствие с ее требованиями.

В этой связи был принят Федеральный закон от 01.12.2014 N 419-ФЗ "О внесении изменений в отдельные законодательные акты Российской Федерации по вопросам социальной защиты инвалидов в связи с ратификацией Конвенции о правах инвалидов". В частности, в Федеральный закон от 09.02.2009 N 8-ФЗ (ред. от 28.12.2013, с изм. от 01.12.2014) "Об обеспечении доступа к информации о деятельности государственных органов и органов местного самоуправления в были внесены изменения в статью 10 «Организация доступа к информации о деятельности государственных органов и органов местного самоуправления, размещаемой в сети "Интернет"».

В настоящей редакции статья 10  Федерального закона от 09.02.2009 N 8-ФЗ обязывает государственные органы и органы местного самоуправления иметь версию сайта для слабовидящих с 1 января 2016 года!

Кроме этого, в статье 3.1  Федерального закона от 24.11.1995 N 181-ФЗ (ред. от 21.07.2014, с изм. от 01.12.2014)"О социальной защите инвалидов в Российской Федерации" в Российской Федерации не допускается дискриминация по признаку инвалидности. Иными словами, данная статья, обязывает также и все остальные сайты иметь версию сайта для слабовидящих.

Предусмотрена ли ответственность за дискриминацию по признаку инвалидности?

Да, предусмотрена как Административным, так и Уголовным Кодексом РФ. Так, положениями статьи 5.62 Кодекса Российской Федерации об административных правонарушениях, в соответствии с которой дискриминация, то есть нарушение прав, свобод и законных интересов человека и гражданина ......  влечет наложение административного штрафа на граждан в размере от одной тысячи до трех тысяч рублей; на юридических лиц - от пятидесяти тысяч до ста тысяч рублей.

До применения УК я так думаю дело пока не дойдёт, а вот административный штраф прокуратура запросто навесит, если захочет или команда "фас" будет. Короче, в соответствии с законами Российской Федерации и для недопущения административных правонарушений с 1 января 2016 года сайтам необходимо иметь версию для слабовидящих, а в особенности информационным ресурсам  государственных органов и органов местного самоуправления, медицинских и образовательных учреждений

Roffun
#4 17. Mai 2016, 16:02

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

А вот с точки зрения юзабилити, пользы для сайта, то сделать такое не мешает, это даст лишний трафик. Я бы не сказал что это слишком сложно реализовать, по крайней мере для меня, я свой код хорошо знаю, да и шрифты у меня все в rem или em, поэтому достаточно изменить например масштаб в одной строчке font: 100%/1.5 Arial,sans-serif; на font: 200%/1.5 Arial,sans-serif;  и шрифт по всему сайту уже в 2 раза больше.

Улетел на другую планету, а там почты нету.. https://www.cotonti.com/forums/45298?m=posts

Dieser Beitrag wurde von Roffun (am 8. Juli 2016, 19:50, vor 7 Jahre) bearbeitet
Oldman
#5 17. Mai 2016, 16:39

Поменять всё и вся (как бог черепахуsmiley) дело не такое уж сложное. Помнится ещё в Seditio меняли css на ходу. Но боюсь в этом случае этого мало. Размер шрифта текстов и заголовков увеличить до 200% можно. А как быть с меню? Или с 200 пиксельным сайдбаром? Как отказаться от всех стрелочек и выделения ссылок? Да и вообще ВСЯ графика идёт лесом. Скорее это уже другая вёрстка и  другая тема (в смысле другой скин).

Есть и другие вопросы. Например как разрешить юзеру с Guest-правами сменить скин.

Roffun
#6 17. Mai 2016, 17:39
#41696 Oldman:

Поменять всё и вся (как бог черепахуsmiley) дело не такое уж сложное. Помнится ещё в Seditio меняли css на ходу. Но боюсь в этом случае этого мало. Размер шрифта текстов и заголовков увеличить до 200% можно. А как быть с меню? Или с 200 пиксельным сайдбаром?

А какие проблемы с меню?  меню это шрифт, а шрифт изменить не проблема, если изображением сделано, то можно подменить класс, или использовать transform css , масштабирование.

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

#41696 Oldman:

 Как отказаться от всех стрелочек и выделения ссылок? Да и вообще ВСЯ графика идёт лесом. Скорее это уже другая вёрстка и  другая тема (в смысле другой скин).

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

 

#41696 Oldman:

Есть и другие вопросы. Например как разрешить юзеру с Guest-правами сменить скин.

Если именно всю тему, то например получить GET запрос на index.php, в шаблоне для этого есть файлы, обработать, включить куки N время, потом условным оператором переопределить переменную конфигурации.

Но наверное всё-таки лучше посмотреть в сторону переключения стилей.

Улетел на другую планету, а там почты нету.. https://www.cotonti.com/forums/45298?m=posts
Oldman
#7 17. Mai 2016, 19:45

Ширина монитора в пикселах константа. Если мы увеличиваем шрифт в меню, то размер меню тоже увеличивается. Соответственно, зрительно вёрстка (та что была) уже поползла. Ну и так далее. Похоже, что эту кнопку проще всего реализовать переходом на другой сайт, но с запросами к той же базе.

 

Кстати, на том сайте, который вы привели в первом ответе ширина меню в обычной версии 880 пикселов, а в чёрно-белой 960 пикселов. И таки похоже, что реализовано оно именно так, как я сказал. Т е это ДРУГОЙ сайт.

Roffun
#8 17. Mai 2016, 20:22
#41699 Oldman:

Ширина монитора в пикселах константа. Если мы увеличиваем шрифт в меню, то размер меню тоже увеличивается. Соответственно, зрительно вёрстка (та что была) уже поползла. Ну и так далее. Похоже, что эту кнопку проще всего реализовать переходом на другой сайт, но с запросами к той же базе.

Пункты могут переноситься на следующую строку, главное чтобы они не выпадали ниже самого меню. Я обычно когда делаю динамическое меню, смотрю что с ним будет если добавить 10, 20 пунктов, при таком варианте ширина не поможет, нужно чтобы переносилось на новую строку просто, а на маленьких экранах сворачивалось. Свернуть можно средствами css, сейчас это вообще не проблема, атрибут :target

 

#41699 Oldman:

Кстати, на том сайте, который вы привели в первом ответе ширина меню в обычной версии 880 пикселов, а в чёрно-белой 960 пикселов. И таки похоже, что реализовано оно именно так, как я сказал. Т е это ДРУГОЙ сайт.

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

Добавлено 15 минут спустя:

Посмотрите как этот плагин устроен

Улетел на другую планету, а там почты нету.. https://www.cotonti.com/forums/45298?m=posts

Dieser Beitrag wurde von Roffun (am 17. Mai 2016, 20:37, vor 7 Jahre) bearbeitet