是否仍然需要为响应式设计实现字体大小切换器?

时间:2014-08-05 12:33:54

标签: css responsive-design accessibility

在响应式设计之前的旧时代,人们过去常常使用字体大小的切换器(如图所示)来改变网站的字体大小。

Font size switcher

问题:

  • 有没有好的网站解释为什么我们应该或不应该再这样做?
  • 如果不提供字体大小的切换器,是否会被视为未在网站上实现可访问性(例如,澳大利亚无障碍标准失败)?

根据Responsive typography,字体大小应取决于阅读距离。

我真的很想不实施它,因为我个人不明白这一点,但我不想让产品成为例如限于出售给澳大利亚。

一般的响应式设计原则已经建议了字体大小的可访问性,我认为应该是操作系统或浏览器负责全局设置特定用户的字体大小。否则,当使用相同的浏览器访问不同的网站或在线系统时,它确实不一致。

如果有人可以提供问题的解释,我们真的很感激。

2 个答案:

答案 0 :(得分:2)

相关的WCAG 2.0指南为1.4.4 Resize text(AA级):

  

除了文字的字幕和图像外,文字可以在没有辅助技术的情况下调整大小,最高可达200​​%而不会丢失内容或功能。

有很多techniques listed how to meet this guideline

其中包括G142: Using a technology that has commonly-available user agents that support zoom

  

此技术的目标是通过使用通过缩放工具更改文本大小的用户代理支持的Web技术,确保内容可以统一缩放。

所以这意味着:当您的用户使用带有缩放功能的用户代理(即浏览器)时,此缩放功能可以将您的网站缩放至200%而没有任何问题,您可以。

如何确保您的用户就是这种情况,嗯,由您自己决定。

  

由于此技术完全依赖于用户代理功能,因此使用各种用户代理进行测试至关重要。

答案 1 :(得分:2)

官方的答案是您需要启用文本大小调整(最多200%,criteria 1.4.4),但这可以使用内置的浏览器功能。

因此,可访问性从未需要文本大小的小部件(对于基于W3C指南的任何内容,这是大多数事情)。

可能是某个特定组织需要它们,但更有可能的是,他们使用文本大小的小部件来增加感知他们正在为可访问性做些什么。

所有桌面浏览器都具有缩放功能,实际上默认为缩放(而不是文本大小),这对于响应式网站很有用,因为缩放将导致媒体查询激活。即高缩放级别看起来像移动大小的网站。整体this is a good thing

添加文本大小的小部件很可能会使您的布局复杂化,因为同时很难处理缩放和文本大小调整,我会避免使用它。