Переключить доступность для веб-сайта

Question

Я работаю над кнопкой переключения для включения / отключения доступа к веб-сайту.Так же, как в iphones.

Например, на правительственном веб-сайте canada.ca у них не должно быть курсива, но клиенты редко учитывают доступность при написании своего содержимого.

Я думал об этой идее, но я не уверен, что это хорошее решение.Любые предложения / отзывы?

Answer 1

Я думаю, что идея лучше, чем отсутствие доступности, однако, используя семантический HTML, как правило, нетрудно сделать сайты доступными, поэтому я бы просто работал над тем, чтобы сделать страницу / сайт доступной в целом, а не только на основе переключения.,

Answer 2

Вам придется подумать обо всем, что вы хотите изменить, чтобы улучшить «доступность» ... Или «читабельность».

Пример:

• курсив
• шрифты меньше, чем __ px
• цвета шрифта
• и т. Д.

Так что, если вы немного повредите, во время написания,добавление некоторых классов ... Атрибут data можно использовать для сопоставления с ними и предоставления кнопки для переключения этих классов.

Затем пользователь может "удалить те трудные для чтения стили.

$(document).ready(function(){
  
  $("#control button").on("click",function(){
    $("*[data-readability]").each(function(){
      $(this).toggleClass($(this).data("readbility"));
    });
  });
  
});

.small{
  font-size:0.4em;
}
.italic{
  font-style:italic;
}
.yellow{
  color:yellow;
}

#control{
  position:fixed;
  top:0.5em;
  right:0.5em;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div id="page">
<span class="small" data-readability="small">This is real small fonts.</span> <span class="italic" data-readability="italic">This is italics.</span> <span class="yellow" data-readability="yellow">This is a hard to read color.</span>
</div>

<div id="control"><button>Click here for a better readability</button></div>

Так что, если все оставшееся оформление не является проблемой для удобочитаемости ... И страница все еще приемлемо хороша, это способ.

Теперь что может быть проблемой для читабельности, а доступность определяется где-то здесь .