<?xml version='1.0' encoding='UTF-8'?>
<rss version='2.0'>
	<channel>
		<title>cotonti.com : Кнопка для слабовидящих</title>
		<link>https://www.cotonti.com</link>
		<description>Останні повідомлення в темі</description>
		<generator>Cotonti</generator>
		<language>en</language>
		<pubDate>Wed, 29 Apr 2026 23:31:48 -0000</pubDate>

		<item>
			<title>Roffun</title>
			<description><![CDATA[<blockquote class="fp"><a href="https://www.cotonti.com/forums?m=posts&amp;q=8120&amp;d=1#41699">#41699</a> <strong>Oldman: </strong>

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

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

<p> </p>

<blockquote class="fp"><a href="https://www.cotonti.com/forums?m=posts&amp;q=8120&amp;d=1#41699">#41699</a> <strong>Oldman:</strong>

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

<p>Не в курсе, я его через поисковую систему нашел для примера.</p>
<p class="updated"><strong>Добавлено 15 минут спустя:</strong></p><p>Посмотрите <a href="https://www.cotonti.com/ru/extensions/commerce/CatTemplateSwitcher">как этот плагин устроен</a></p>
]]></description>
			<pubDate>Вт, 17 Травень 2016 20:22:55 -0000</pubDate>
			<link><![CDATA[https://www.cotonti.com/ua/forums?m=posts&q=8120&d=0#post41701]]></link>
		</item>
		<item>
			<title>Oldman</title>
			<description><![CDATA[<p>Ширина монитора в пикселах константа. Если мы увеличиваем шрифт в меню, то размер меню тоже увеличивается. Соответственно, зрительно вёрстка (та что была) уже поползла. Ну и так далее. Похоже, что эту кнопку проще всего реализовать переходом на другой сайт, но с запросами к той же базе.</p>

<p> </p>

<p>Кстати, на том сайте, который вы привели в первом ответе ширина меню в обычной версии 880 пикселов, а в чёрно-белой 960 пикселов. И таки похоже, что реализовано оно именно так, как я сказал. Т е это ДРУГОЙ сайт.</p>
]]></description>
			<pubDate>Вт, 17 Травень 2016 19:45:43 -0000</pubDate>
			<link><![CDATA[https://www.cotonti.com/ua/forums?m=posts&q=8120&d=0#post41699]]></link>
		</item>
		<item>
			<title>Roffun</title>
			<description><![CDATA[<blockquote class="fp"><a href="https://www.cotonti.com/forums?m=posts&amp;q=8120&amp;d=1#41696">#41696</a> <strong>Oldman: </strong>

<p>Поменять всё и вся (как бог черепаху<img alt="smiley" height="23" src="https://www.cotonti.com/plugins/ckeditor/lib/plugins/smiley/images/regular_smile.png" title="smiley" width="23" />) дело не такое уж сложное. Помнится ещё в Seditio меняли css на ходу. Но боюсь в этом случае этого мало. Размер шрифта текстов и заголовков увеличить до 200% можно. А как быть с меню? Или с 200 пиксельным сайдбаром?</p>
</blockquote>

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

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

<blockquote class="fp"><a href="https://www.cotonti.com/forums?m=posts&amp;q=8120&amp;d=1#41696">#41696</a> <strong>Oldman: </strong>

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

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

<p> </p>

<blockquote class="fp"><a href="https://www.cotonti.com/forums?m=posts&amp;q=8120&amp;d=1#41696">#41696</a> <strong>Oldman:</strong>

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

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

<p>Но наверное всё-таки лучше посмотреть в сторону переключения стилей.</p>
]]></description>
			<pubDate>Вт, 17 Травень 2016 17:39:00 -0000</pubDate>
			<link><![CDATA[https://www.cotonti.com/ua/forums?m=posts&q=8120&d=0#post41697]]></link>
		</item>
		<item>
			<title>Oldman</title>
			<description><![CDATA[<p>Поменять всё и вся (как бог черепаху<img alt="smiley" height="23" src="https://www.cotonti.com/plugins/ckeditor/lib/plugins/smiley/images/regular_smile.png" title="smiley" width="23" />) дело не такое уж сложное. Помнится ещё в Seditio меняли css на ходу. Но боюсь в этом случае этого мало. Размер шрифта текстов и заголовков увеличить до 200% можно. А как быть с меню? Или с 200 пиксельным сайдбаром? Как отказаться от всех стрелочек и выделения ссылок? Да и вообще ВСЯ графика идёт лесом. Скорее это уже <strong><em>другая</em></strong> вёрстка и  другая тема (в смысле другой скин).</p>

<p>Есть и другие вопросы. Например как разрешить юзеру с Guest-правами сменить скин.</p>
]]></description>
			<pubDate>Вт, 17 Травень 2016 16:39:15 -0000</pubDate>
			<link><![CDATA[https://www.cotonti.com/ua/forums?m=posts&q=8120&d=0#post41696]]></link>
		</item>
		<item>
			<title>Roffun</title>
			<description><![CDATA[<p>Думаю с точки зрения штрафов могут смотреть только официальные сайты организаций, государственные, а частные блоги вряд ли будут переживать об этом, здесь линия размыта, тем более тем кто проживает в других странах.</p>

<p>А вот с точки зрения юзабилити, пользы для сайта, то сделать такое не мешает, это даст лишний трафик. Я бы не сказал что это слишком сложно реализовать, по крайней мере для меня, я свой код хорошо знаю, да и шрифты у меня все в rem или em, поэтому достаточно изменить например масштаб в одной строчке font: 100%/1.5 Arial,sans-serif; на font: 200%/1.5 Arial,sans-serif;  и шрифт по всему сайту уже в 2 раза больше.</p>
]]></description>
			<pubDate>Вт, 17 Травень 2016 16:02:29 -0000</pubDate>
			<link><![CDATA[https://www.cotonti.com/ua/forums?m=posts&q=8120&d=0#post41695]]></link>
		</item>
		<item>
			<title>Oldman</title>
			<description><![CDATA[<p style="text-align:justify;">Вот и хорошо, что не сталкивались<img alt="smiley" height="23" src="https://www.cotonti.com/plugins/ckeditor/lib/plugins/smiley/images/regular_smile.png" title="smiley" width="23" /></p>

<p style="text-align:justify;">После ратификации в Российской Федерации Конвенции о правах инвалидов, некоторые, принятые ранее, законы были приведены в соответствие с ее требованиями.</p>

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

<p style="text-align:justify;">В настоящей редакции статья 10  Федерального закона от 09.02.2009 N 8-ФЗ <strong>обязывает</strong> государственные органы и органы местного самоуправления иметь версию сайта для слабовидящих с 1 января 2016 года!</p>

<p style="text-align:justify;">Кроме этого, в статье 3.1  Федерального закона от 24.11.1995 N 181-ФЗ (ред. от 21.07.2014, с изм. от 01.12.2014)"О социальной защите инвалидов в Российской Федерации" в Российской Федерации не допускается дискриминация по признаку инвалидности. Иными словами, данная статья, <strong>обязывает</strong> также и все остальные сайты иметь версию сайта для слабовидящих.</p>

<p style="text-align:justify;">Предусмотрена ли ответственность за дискриминацию по признаку инвалидности?</p>

<p style="text-align:justify;">Да, предусмотрена как Административным, так и Уголовным Кодексом РФ. Так, положениями статьи 5.62 Кодекса Российской Федерации об административных правонарушениях, в соответствии с которой дискриминация, то есть нарушение прав, свобод и законных интересов человека и гражданина ......  влечет наложение административного штрафа на граждан в размере <strong>от одной тысячи до трех тысяч рублей</strong>; на юридических лиц - от <strong>пятидесяти тысяч до ста тысяч рублей</strong>.</p>

<p style="text-align:justify;">До применения УК я так думаю дело пока не дойдёт, а вот административный штраф прокуратура запросто навесит, если захочет или команда "фас" будет. Короче, в соответствии с законами Российской Федерации и для недопущения административных правонарушений с 1 января 2016 года сайтам <strong>необходимо</strong> иметь версию для слабовидящих, а в особенности информационным ресурсам  государственных органов и органов местного самоуправления, медицинских и образовательных учреждений</p>
]]></description>
			<pubDate>Вт, 17 Травень 2016 15:32:02 -0000</pubDate>
			<link><![CDATA[https://www.cotonti.com/ua/forums?m=posts&q=8120&d=0#post41694]]></link>
		</item>
		<item>
			<title>Roffun</title>
			<description><![CDATA[<blockquote class="fp" style="font-size:15px;font-family:'Open Sans', 'Helvetica Neue', Helvetica, sans-serif;"><a href="https://www.cotonti.com/forums?m=posts&amp;q=8120&amp;d=1#41692" style="font-size:15px;">#41692</a> <strong style="font-size:15px;">Oldman:</strong>
<p style="font-size:15px;">Здравствуйте!</p>

<p style="font-size:15px;">Небольшая, но необходимая преамбула. Примерно полгода тому назад начали активно напоминать о желательности (а в дальнейшем и необходимости) наличия на сайте любого учреждения средств позволяющих  людям с нарушением зрения комфортно получать информацию с сайта.</p>

<p style="font-size:15px;">Есть целый ГОСТ Р 52872-2012 «ИНТЕРНЕТ-РЕСУРСЫ. ТРЕБОВАНИЯ ДОСТУПНОСТИ ДЛЯ ИНВАЛИДОВ ПО ЗРЕНИЮ» THE INTERNET-RESOURCES. REQUIREMENTS OF ACCESSIBILITY FOR INVALIDS ON SIGHT, например здесь <a href="http://www.niiot.ru/doc/bank00/doc542/doc.htm" rel="nofollow" style="font-size:15px;">httр://www.niiot.ru/doc/bank00/doc542/doc.htm</a></p>

<p style="font-size:15px;">Если кратко, то устанавливаются три уровня обеспечения доступности. Регламентируется контрастность, пределы изменения размера шрифта (до 200%), рекомендуются чёрно-белые схемы и отсутствие пиктограмм и т. д.</p>

<p style="font-size:15px;"> </p>

<p style="font-size:15px;">Собственно вопрос: Как именно лучше/проще/правильнее всё ЭТО соблюсти. Вариантов скорее всего много. Может кто то уже имеет опыт решения этой задачи.</p>
</blockquote>

<p style="font-size:15px;font-family:'Open Sans', 'Helvetica Neue', Helvetica, sans-serif;">Соблюсти всё это в идеале лучше/проще.правильнее, используя конкретные рекомендации, пробежал по выдаче:</p>

<p class="p1" style="font-size:12pt;line-height:19.2px;text-indent:30pt;text-align:justify;color:rgb(32,32,32);font-family:Tahoma, Arial, Verdana;"><b style="font-size:16px;"> </b></p>

<h3 style="font-family:Tahoma;color:rgb(0,0,0);text-align:justify;line-height:normal;background-color:rgb(255,255,255);">Требования к версии для слабовидящих</h3>

<p style="font-size:12px;line-height:normal;color:rgb(0,0,0);font-family:Tahoma;text-align:justify;background-color:rgb(255,255,255);"> </p>

<ul style="margin:11px 0px 1px 3px;padding-left:3px;font-size:12px;list-style:none;line-height:normal;color:rgb(0,0,0);font-family:Tahoma;text-align:justify;background-color:rgb(255,255,255);"><li style="margin-top:2px;margin-bottom:.5em;padding-bottom:1px;padding-left:15px;font-size:12px;background-image:url(&quot;/img/li-gray.gif&quot;);background-position:0px 3px;background-repeat:no-repeat;">ресурс должен быть настроен таким образом, чтобы его элементы не вызывали затруднений в работе;</li>
	<li style="margin-top:2px;margin-bottom:.5em;padding-bottom:1px;padding-left:15px;font-size:12px;background-image:url(&quot;/img/li-gray.gif&quot;);background-position:0px 3px;background-repeat:no-repeat;">фреймы на сайте запрещены;</li>
	<li style="margin-top:2px;margin-bottom:.5em;padding-bottom:1px;padding-left:15px;font-size:12px;background-image:url(&quot;/img/li-gray.gif&quot;);background-position:0px 3px;background-repeat:no-repeat;">все изображения должны иметь текстовое описание содержимого, а ссылки — целевой страницы;</li>
	<li style="margin-top:2px;margin-bottom:.5em;padding-bottom:1px;padding-left:15px;font-size:12px;background-image:url(&quot;/img/li-gray.gif&quot;);background-position:0px 3px;background-repeat:no-repeat;">возможность включить/отключить управление отображения изображениями;</li>
	<li style="margin-top:2px;margin-bottom:.5em;padding-bottom:1px;padding-left:15px;font-size:12px;background-image:url(&quot;/img/li-gray.gif&quot;);background-position:0px 3px;background-repeat:no-repeat;">наличие нескольких вариантов отображения размера шрифтов;</li>
	<li style="margin-top:2px;margin-bottom:.5em;padding-bottom:1px;padding-left:15px;font-size:12px;background-image:url(&quot;/img/li-gray.gif&quot;);background-position:0px 3px;background-repeat:no-repeat;">возможность включить/отключить управление фоном сайта;</li>
	<li style="margin-top:2px;margin-bottom:.5em;padding-bottom:1px;padding-left:15px;font-size:12px;background-image:url(&quot;/img/li-gray.gif&quot;);background-position:0px 3px;background-repeat:no-repeat;">цветовое оформление должно быть контрастным, но цвет не может являться единственным способом для визуальной идентификации элементов на сайте.</li>
</ul><p style="font-size:15px;font-family:'Open Sans', 'Helvetica Neue', Helvetica, sans-serif;"> </p>

<p style="font-size:15px;font-family:'Open Sans', 'Helvetica Neue', Helvetica, sans-serif;">Не сталкивался с необходимостью создания подобного сайта, но исходя из того что прочитал, это всё реализуется как дополнительный интерфейс. Например на jquey <a href="http://jsfiddle.net/backstabe/cvqzx36z/1/" rel="nofollow">по клику увеличивается шрифт</a>, а чтобы не сбилось при переходе, можно сохранять в local storage пользователя. Также мог бы подойти вариант с переключением шаблонов, или создание специального плагина под это. Например <a href="http://nubex.ru/clients/gotovye_resheniya/sajt_dlya_detskogo_sada/?demo=content-kindergarden" rel="nofollow">на этом сайте </a>по кнопке переходят на версию и обратно по другой.</p>
]]></description>
			<pubDate>Вт, 17 Травень 2016 13:42:14 -0000</pubDate>
			<link><![CDATA[https://www.cotonti.com/ua/forums?m=posts&q=8120&d=0#post41693]]></link>
		</item>
		<item>
			<title>Oldman</title>
			<description><![CDATA[<p>Здравствуйте!</p>

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

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

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

<p> </p>

<p>Собственно вопрос: Как именно лучше/проще/правильнее всё ЭТО соблюсти. Вариантов скорее всего много. Может кто то уже имеет опыт решения этой задачи.</p>
]]></description>
			<pubDate>Вт, 17 Травень 2016 12:59:26 -0000</pubDate>
			<link><![CDATA[https://www.cotonti.com/ua/forums?m=posts&q=8120&d=0#post41692]]></link>
		</item>
	</channel>
</rss>