Текущее время: 21 фев 2019, 11:46

Часовой пояс: UTC + 3 часа [ Летнее время ]


Правила форума


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



Начать новую тему Ответить на тему  [ Сообщений: 9 ] 
Автор Сообщение
 Заголовок сообщения: Версия для слабовидящих
СообщениеДобавлено: 09 окт 2014, 16:01 
Не в сети

Зарегистрирован: 24 апр 2014, 16:38
Сообщения: 8
Можно ли установить такую функцию, как версия для слабовидящих? Если да, то как?


Вернуться к началу
 Профиль  
 
 Заголовок сообщения: Re: Версия для слабовидящих
СообщениеДобавлено: 10 окт 2014, 01:13 
Не в сети
Аватара пользователя

Зарегистрирован: 29 окт 2010, 04:13
Сообщения: 4307
Что подразумевается под версией для слабовидящих? Увеличенный размер шрифта?

_________________
Уроки и полезные советы про okis


Вернуться к началу
 Профиль  
 
 Заголовок сообщения: Re: Версия для слабовидящих
СообщениеДобавлено: 10 окт 2014, 18:12 
Не в сети

Зарегистрирован: 24 апр 2014, 16:38
Сообщения: 8
Существует программа "Доступная среда" (для инвалидов), где предполагается существование версии сайтов для слабовидящих. Для образовательных учреждений сделали обязательным наличие такой версии сайта. То есть это не только нажми ctrl+, а именно нажми на какой-то значок или символ и весь сайт можно просматривать в увеличенном режиме и повышенной контрастности. Возможно ли у нас такое сделать?


Вернуться к началу
 Профиль  
 
 Заголовок сообщения: Re: Версия для слабовидящих
СообщениеДобавлено: 11 окт 2014, 20:07 
Не в сети
Аватара пользователя

Зарегистрирован: 29 окт 2010, 04:13
Сообщения: 4307
Конечно, достаточно найти реализацию подобного (например на javascript) и интегрировать на сайт.

_________________
Уроки и полезные советы про okis


Вернуться к началу
 Профиль  
 
 Заголовок сообщения: Re: Версия для слабовидящих
СообщениеДобавлено: 11 окт 2014, 23:03 
Не в сети

Зарегистрирован: 24 апр 2014, 16:38
Сообщения: 8
Ой, мне бы как для блондинки, подробнее... и по-шагово))) что я должна сделать? где? пожалуйста!


Вернуться к началу
 Профиль  
 
 Заголовок сообщения: Re: Версия для слабовидящих
СообщениеДобавлено: 12 окт 2014, 02:20 
Не в сети
Аватара пользователя

Зарегистрирован: 29 окт 2010, 04:13
Сообщения: 4307
Увы, но я не знаю. Могу лишь сказать что такое возможно.

_________________
Уроки и полезные советы про okis


Вернуться к началу
 Профиль  
 
 Заголовок сообщения: Re: Версия для слабовидящих
СообщениеДобавлено: 14 окт 2014, 10:01 
Не в сети
Аватара пользователя

Зарегистрирован: 18 май 2013, 11:38
Сообщения: 181
Откуда: Донецк
Надежда77 писал(а):
Ой, мне бы как для блондинки, подробнее... и по-шагово))) что я должна сделать? где? пожалуйста!

В принципе, это не так уж сложно осуществить.

1. Создаём необходимые файлики, что после загрузим в корень сайта и поставим такие коды в "Параметры сайта".
Код:
<link type="text/css" href="/normal.css" rel="stylesheet" title="Нормальный" />
<link type="text/css" href="/medium.css" rel="alternate stylesheet" title="Средний" />
<link type="text/css" href="/large.css" rel="alternate stylesheet" title="Крупный" />

Или:
Код:
<link type="text/css" href="/normal.css" rel="stylesheet" title="A" />
<link type="text/css" href="/medium.css" rel="alternate stylesheet" title="A+" />
<link type="text/css" href="/large.css" rel="alternate stylesheet" title="A++" />

2. Содержание каждого из выше перечисленных примерно такое:
Код:
body {font-size: 12px;}
body {font-size: 14px;}
body {font-size: 16px;}

Т.е. просто проставим размеры, которые будут применены для всего текста на сайте.
3. Теперь нам нужен управляющий скриптик, для переключения между шрифтами:
Код:
<script type="text/javascript" src="/styleswitcher.js" rel="noindex"></script>

Обзовите его как хотите ;) А содержание пропишите примерно такое:
Код:
function fontsizeup(event)
{
   // Skip tabs; 9 being the ASCII code for a tab
   if (event && getKeyCode(event) == 9)
   {
      return true;
   }

   var active = getActiveStyleSheet();

   switch (active)
   {
      case 'A--':
         setActiveStyleSheet('A-');
      break;

      case 'A-':
         setActiveStyleSheet('A');
      break;

      case 'A':
         setActiveStyleSheet('A+');
      break;

      case 'A+':
         setActiveStyleSheet('A++');
      break;

      case 'A++':
         setActiveStyleSheet('A');
      break;

      default:
         setActiveStyleSheet('A');
      break;
   }

   return false;
}

function fontsizedown(event)
{
   // Skip tabs
   if (event && getKeyCode(event) == 9)
   {
      return true;
   }

   var active = getActiveStyleSheet();

   switch (active)
   {
      case 'A++' :
         setActiveStyleSheet('A+');
      break;

      case 'A+' :
         setActiveStyleSheet('A');
      break;

      case 'A' :
         setActiveStyleSheet('A-');
      break;

      case 'A-' :
         setActiveStyleSheet('A--');
      break;

      case 'A--' :
      break;

      default :
         setActiveStyleSheet('A--');
      break;
   }

   return false;
}

function getKeyCode(event)
{
   // IE doesn't fire the onkeypress event for tabs
   // Reference: http://www.quirksmode.org/js/keys.html

   var code = (event.keyCode) ? event.keyCode : 0;

   // Probably using FF
   if (!code && event.charCode)
   {
      code = event.charCode;
   }

   return code;
}

function setActiveStyleSheet(title)
{
   var i, a, main;

   for (i = 0; (a = document.getElementsByTagName('link')[i]); i++)
   {
      if (a.getAttribute('rel').indexOf('style') != -1 && a.getAttribute('title'))
      {
         a.disabled = true;
         if (a.getAttribute('title') == title)
         {
            a.disabled = false;
         }
      }
   }
}

function getActiveStyleSheet()
{
   var i, a;

   for (i = 0; (a = document.getElementsByTagName('link')[i]); i++)
   {
      if (a.getAttribute('rel').indexOf('style') != -1 && a.getAttribute('title') && !a.disabled)
      {
         return a.getAttribute('title');
      }
   }

   return null;
}

function getPreferredStyleSheet()
{
   return ('A-');
}

function createCookie(name, value, days)
{
   if (days)
   {
      var date = new Date();
      date.setTime(date.getTime() + (days*24*60*60*1000));
      var expires = '; expires=' + date.toGMTString();
   }
   else
   {
      expires = '';
   }

   document.cookie = name + '=' + value + expires + style_cookie_settings;
}

function readCookie(name)
{
   var nameEQ = name + '=';
   var ca = document.cookie.split(';');

   for (var i = 0; i < ca.length; i++)
   {
      var c = ca[i];

      while (c.charAt(0) == ' ')
      {
         c = c.substring(1, c.length);
      }

      if (c.indexOf(nameEQ) == 0)
      {
         return c.substring(nameEQ.length, c.length);
      }
   }

   return null;
}

function load_cookie()
{
   var cookie = readCookie('style_cookie');
   var title = cookie ? cookie : getPreferredStyleSheet();
   setActiveStyleSheet(title);
}

function unload_cookie()
{
   var title = getActiveStyleSheet();
   createCookie('style_cookie', title, 365);
}

onload_functions.push('load_cookie()');
onunload_functions.push('unload_cookie()');

/*
var cookie = readCookie("style");
var title = cookie ? cookie : getPreferredStyleSheet();
setActiveStyleSheet(title);
*/


Должен работать, вроде не ошибся, попробуйте, или, если необходимо подкорректируйте сами под свои нужды. Удачи! :hi:
P.S. Советую работать в этом блокноте: http://notepad-plus-plus.org/.

_________________
"Я верю всем, но чёрт может попутать любого..."


Вернуться к началу
 Профиль  
 
 Заголовок сообщения: Re: Версия для слабовидящих
СообщениеДобавлено: 14 окт 2014, 14:37 
Не в сети

Зарегистрирован: 24 апр 2014, 16:38
Сообщения: 8
Спасибо большое! Буду разбираться)))


Вернуться к началу
 Профиль  
 
 Заголовок сообщения: Re: Версия для слабовидящих
СообщениеДобавлено: 24 янв 2015, 22:14 
Не в сети

Зарегистрирован: 24 янв 2015, 22:07
Сообщения: 1
Подскажите пожалуйста, как правильно обратится к функциям скрипта, чтобы при нажатии на ссылку Версия для слабовидящих... были увеличения согласно заранее заготовленному стилю (css) и при этом записывалось в куки состояние, что сейчас работает версия для слабовидящих и при переходи по ссылкам страница грузилась именно относительно стиля для слабовидящих... а при нажатии Обычная версия начинала работать обычная версия и в куки это состояние записывалась... я вижу в в вашем скрипте и функции создания загрузки чтения куков, но не пойму как правильно прикрутить... то есть какие функции как запустить. Заранее спасибо большое за ответ.


Вернуться к началу
 Профиль  
 
Показать сообщения за:  Поле сортировки  
Начать новую тему Ответить на тему  [ Сообщений: 9 ] 

Часовой пояс: UTC + 3 часа [ Летнее время ]


Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей


Вы не можете начинать темы
Вы не можете отвечать на сообщения
Вы не можете редактировать свои сообщения
Вы не можете удалять свои сообщения
Вы не можете добавлять вложения

Найти:
Перейти: