Question

我正在制作一个切换按钮，用于在网站上启用/禁用辅助功能。与iphone中的相似。

例如，在canada.ca政府网站上，他们不应该使用斜体，但客户在撰写内容时很少考虑可访问性。

我在考虑这个想法，但我不确定它是不是一个好的解决方案。有什么建议/反馈吗？

Answer 1

你必须考虑你希望改变的一切，以便改善＆＃34;可访问性......或者是它的可读性＆＃34;。

示例：

斜体
小于__ px的字体
字体颜色
等

因此，如果您稍微考虑一下，在写作时，通过添加一些类......可以使用data属性来匹配它们并提供一个按钮来切换这些类。

然后，用户可以“删除那些难以阅读的样式。”

＆＃13;

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

＆＃13;

.small{
  font-size:0.4em;
}
.italic{
  font-style:italic;
}
.yellow{
  color:yellow;
}

#control{
  position:fixed;
  top:0.5em;
  right:0.5em;
}

＆＃13;

<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>

＆＃13;

因此，如果剩下的所有造型都不是可读性的问题......而且页面仍然是可以接受的，这是一种方式。

现在可能是一个问题，可读性和可访问性在某处定义here。

Answer 2

我认为这个想法比没有可访问性更好，但是通过使用语义HTML通常不难让网站访问，所以我只是努力使页面/网站作为一个整体可访问，而不仅仅是基于切换。

切换网站的辅助功能

2 个答案: