我是否需要使用EM大小调整布局以符合WCAG 2.0标准?

时间:2011-12-15 09:32:17

标签: css accessibility wcag

根据WCAG 2.0,EM单位应使用字体大小,以符合WCAG 2.0最低标准:

http://www.w3.org/WAI/WCAG20/quickref/Overview.php

但我找不到关于使用EM进行布局的任何事情。有人能告诉我它是否足以仅将EM用于字体大小?

3 个答案:

答案 0 :(得分:3)

根据http://www.w3.org/TR/2010/NOTE-WCAG20-TECHS-20101014/C28,你需要使用em进行布局(文本内容)以满足“足够”的标准。

答案 1 :(得分:1)

我倾向于使用EM来进行文本大小调整,但是%则指定容器宽度以用于布局目的,如下例所示:http://www.w3.org/TR/WCAG20-TECHS/G146

答案 2 :(得分:1)

简答:不一定,其他符合WCAG 2.0成功标准1.4.4的方法也是可能的。

答案很长:

您链接的文档(如何符合WCAG 2.0)自行阅读,about the techniques

  

请注意,所有技术都是提供信息的 - 您无需遵循它们。下面列出的“充分技术”被认为足以满足成功标准;但是,没有必要使用这些特定技术。

也就是说,如果你想出另一种符合标准的方法,只要你真的符合这个标准就没问题。

专门针对您评论的技术,techniques for the success criterion 1.4.4.确定

  

确保文本容器在文本调整大小时调整大小并使用以下一种或多种技术使用与内容中其他测量相关的度量值。

严格遵循该文字,您可以遵循其中一项或多项技术来遵守该标准。其中一种技术是 C28:使用em单位指定文本容器的大小这是有效的,因为容器大小是“100个字符宽”,如果字符大小加倍,容器大小也是双倍的(因为它总是相对于字体大小)但是,这会带来容器大小经常超出视口的不良影响,引入“丑陋”的水平滚动条。

那么,还有其他方法可以遵守吗?是的,有。你可以用例如 G146:使用液体布局,这意味着明智地结合百分比和ems(两者都是相对单位),并考虑内容的逻辑顺序。

我特别喜欢:

  • 结合流体和液体设计,使容器尺寸增大,直到它或多或少地填满视口。
  • 手动检查是否符合成功标准,即检查
  

“文本可以在没有辅助技术的情况下调整大小,最高可达200​​%   不会丢失任何内容或功能。“   (这就是标准的内容)。我个人添加了一些保证金,以解释不同的平台行为。   您可以使用浏览器菜单轻松增加字体大小(请注意,字体大小与页面缩放不同),或使用用户样式表。