用JavaScript调整文本大小的“最佳实践”是什么？

Question

使用Java调整文本大小的“最佳实践”（在可访问性/可用性方面）是什么？

我当前的解决方案是，当用户单击调整大小链接时，它会向body标签添加一个额外的类。

它还设置一个cookie，然后在页面加载时-onLoad（）-读取cookie，并在需要时再次重新应用body类标签。

唯一不理想的是先加载然后再应用-先前的解决方案是在页面加载之前编辑CSS文件，但是如果CSS文件位于其他目录中，则会引发安全警告。

因此，从本质上讲，我的解决方案是否合理？或者有更好的方法吗？

亚当

Answer 1

使用Java调整文本大小的“最佳实践”（在可访问性/可用性方面）是什么？

最佳做法是“不要”。

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

尝试复制此功能的情况很少会给出用户所需的字体大小（通常最终会提供原子，微观和微小的选择）。 是的，某些用户需要72pt文本（或更大）。

内置的浏览器控件可在大多数（如果不是全部）站点上运行。 您不需要用尽画布空间来复制它们。

Answer 2

您的解决方案听起来不错，有一个补充：您可以在页面加载时读取cookie，并在生成标记时将类添加到body元素。 大多数服务器端语言都支持：PHP，JSP，RoR等。除此之外，您还拥有可靠的解决方案。

Answer 3

通过JavaScript向HTML添加CSS样式

我认为您的建议是一种很好的方法。

这意味着您可以灵活地将CSS类添加到任何子元素而不是正文中，从而可以根据需要更改特定元素的文本大小。

在页面加载中读取Cookie

为了解决您描述的问题，我将使用服务器端语言（php / asp / ruby​​等）查找cookie，并在页面加载时显示cookie指定的内容。

在PHP中，您的CSS类定义可能如下所示：

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

Answer 4

使用Java调整文本大小的“最佳实践”（在可访问性/可用性方面）是什么？

“ Web Accessibility Gone Wild” 总结得很不错，恕我直言：

如果您的默认字体大小对于网站访问者而言可能太小，则使其足够大。

和，

所有浏览器都允许调整页面内容的大小或比例-为什么要重复此浏览器功能？

另外， 请注意字体大小 ：

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

但是，如果您有正当的理由-请忽略此。