Версия сайта для слабовидящих

Discussion in 'Внешний вид, шаблоны, графика' started by Gigazo1d, Mar 23, 2015.

  1. Offline

    Gigazo1d Недавно здесь

    Joined:
    Mar 23, 2015
    Messages:
    1
    Likes Received:
    0
    Gender:
    Male
    Здравствуйте! Пытаюсь реализовать на сайте версию для слабовидящих, пока безуспешно. Может скажет кто в чем ошибка?. Так же прикладываю файл скрипта и стилей с которыми работаю. jquery.cookie.js - сохраняет выбранные настройки в куках. Заранее премного благодарен!

    Код (PHP):
    1. <script type="text/javascript" src="/js/jquery.js"></script>
    2. <script type="text/javascript" src="<?php echo $templateUrl; ?>/sv/jquery.cookie.js"></script>
    3. <script type="text/javascript" src="<?php echo $templateUrl; ?>/sv/sv.js"></script>        
    4. </head>
    5.    <!--начало блока сл-->
    6. <body class="sv">
    7. <div class="sv_container">
    8. <div class="sv-version"><a href="http://www.#" class="a_sv"><div align="center"><b>ВЕРСИЯ ДЛЯ СЛАБОВИДЯЩИХ</b></div></a></div>
    9. <div class="sv_version2">
    10. <div class="sv_settings">
    11. <div class="sv_font-size">
    12. Размер шрифта:
    13. <a id="sv_fs_sml" href="http://www.#">A</a>
    14. <a id="sv_fs_med" href="http://www.#">A</a>
    15. <a id="sv_fs_lrg" href="http://www.#">A</a>
    16. </div>
    17. <div class="sv_color-sheme">
    18. Фон:
    19. <a id="sv_cs_white" href="http://www.></a>
    20. <a id="sv_cs_black" href="http://www."></a>
    21. <a id="sv_cs_blue" href="http://www."></a>
    22. </div>
    23. <div class="sv_kerning">
    24. Интервал:
    25. <a id="sv_kern-standart" href="http://www.#">Маленький</a>
    26. <a id="sv_kern-medium" href="http://www.#">Средний</a>
    27. <a id="sv_kern-large" href="http://www.#">Большой</a>
    28. </div>
    29. </div>
    30. <div class="sv-settings"><a href="http://www.#" class="a_sv2">Обычная версия сайта</a></div>
    31. </div>
    32. </div>
    33. <div id="contanier" class="sv">
    34. <!--конец блока сл-->
    35. <div id="body">
    36. <div id="logo"></div>
    37. <div id="header"></div>
    38. <div id="main">
     

    Attached Files:

    • sv.zip
      File size:
      4.4 KB
      Views:
      3
    Last edited: Mar 23, 2015
  2.  
  3. woojin
    Offline

    woojin Местный Staff Member => Cпециалист <=

    Joined:
    May 31, 2009
    Messages:
    3,204
    Likes Received:
    334
    Gender:
    Male
    для слабовидящих, скорее всего нужен большой шрифт!
    поищи шаблоны у которых имеется функция увеличения шрифта, вырежи её (это JS) и поставь в свой шаблон
     
  4. AKopytenko
    Offline

    AKopytenko Russian Joomla! Team Staff Member

    Joined:
    Sep 1, 2011
    Messages:
    1,963
    Likes Received:
    168
    Gender:
    Male
    Помимо "большого шрифта" можешь почитать статьи на тему WAI-ARIA (система ролей, облегчающая доступ к сайту людям с ограниченым зрением и моторикой).
    http://habrahabr.ru/post/240065/
     

Share This Page

Loading...