3

根据 WCAG 2.0，应使用 EM 单位作为字体大小，以满足 WCAG 2.0 的最低标准：

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

但我找不到任何关于使用 EM 进行布局的信息。有人可以告诉我仅将 EM 用于字体大小是否足够？

4

3 回答 3

3

根据http://www.w3.org/TR/2010/NOTE-WCAG20-TECHS-20101014/C28，您还需要使用 em 进行布局（对于文本内容）以满足“足够”的标准。

于 2011-12-15T09:35:58.837 回答
1

简短回答：不一定，符合 WCAG 2.0 成功标准 1.4.4 的其他方式是可能的。

长答案：

您链接的文档（How to Meet WCAG 2.0）自述，关于技术：

请注意，所有技术都是有用的——您不必遵循它们。下面列出的“足够的技术”被认为足以满足成功标准；但是，没有必要使用这些特定技术。

也就是说，如果你想出另一种方法来满足一个标准，那是可以的，只要你真的满足那个标准。

具体到您评论的技术，成功标准 1.4.4 的技术。确立

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

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

那么，还有其他方法可以遵守吗？是的，有。您可以使用例如G146: Using liquid layout，这意味着明智地结合百分比和 ems（都是相对单位），并考虑内容的逻辑顺序。

我特别喜欢：

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

“无需辅助技术即可将文本大小调整至 200%，而不会丢失内容或功能。” （这就是标准的内容）。我个人增加了一些保证金，以适应不同的平台行为。您可以使用浏览器菜单（请注意，字体大小与页面缩放不同）或用户样式表轻松增加字体大小。

于 2013-08-04T17:23:24.277 回答
1

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

于 2011-12-15T14:26:22.913 回答