什么是"最佳做法"(accessibility/可用性的明智)调整文本与Javascript?

我目前的解决方案是,当用户击的调整的链接,它增加了一个额外的类的身体标记。

它还设置了一个饼干然后在页面装载-加载()-它会读取cookie和reapplys体类标签如果再需要。

唯一不理想的是,它负荷然后再申请-前面的解决方案是要编辑的文件的页之前装载的,但扔了安全警告如果文件是在一个不同的目录中。

所以,基本上是我的方案合理或者是有更好的办法?

亚当

有帮助吗?

解决方案

您的解决方案听起来不错,只需添加一个:您可以在页面加载时读取cookie,并在生成标记时将类添加到body元素。大多数服务器端语言都支持这一点:PHP,JSP,RoR等。 除此之外,你有一个坚实的解决方案。

其他提示

  

什么是“最佳做法”?   (可访问性/可用性)   使用Javascript调整文本大小?

最佳做法是“不要”。

以相对单位指定字体大小,如果用户愿意,让本机浏览器控件更改它。

尝试复制此功能很少会提供用户需要的字体大小(通常最终会提供原子,微观和微小的选择)。是的,一些用户需要72pt文本(或更大)。

内置的浏览器控件适用于大多数(如果不是全部)网站。你不需要用掉帆布房地产来复制它们。

增加一个CSS风格HTML通过JavaScript

我认为你的建议是一个很好的方式这样做。

这意味着你有灵活性,能够增加CSS类的任何子元件而不是主体,这样就可以改变该文本的尺寸的具体元件,如果你愿意的话。

阅读cookie页上载

要获得围绕这一问题你描述我想找饼干在你的服务器方语言(php/asp/红宝石等)和显示的内容作为指定的页面上的负荷。

在PHP你CSS类定义可能看起来是这样的:

echo '<div class=\"'.($_COOKIE['text_size']!='' ? $_COOKIE['text_size'] : 'normal'). '\">';
  

什么是“最佳做法”? (可访问性/可用性)用Javascript调整文本大小?

“Web Accessibility Gone Wild” 总结一下非常好imho:

  

如果您的默认字体大小对于网站访问者来说可能太小,请将其设置为足够的大小。

  

所有浏览器都允许调整页面内容的大小或缩放 - 为什么要复制此浏览器功能?

此外,照顾字体大小

  

这里的问题是基本的可用性和可访问性问题:好的设计应该看起来不错,而不需要用户放大或缩小文本大小。

但是,如果您有有效的原因 - 请随意忽略这一点。

许可以下: CC-BY-SA归因
不隶属于 StackOverflow
scroll top