2

我以像素为单位定义了所有字体大小，例如

body {
  font-size: 14px;
}
h1 {
  font-size: 42px;
}

在线第 508 节/WCAG 2.0 AA 级兼容性检查器之一建议我将其替换为相对单位，以便通过浏览器增加字体大小的人可以访问它。这是一个真正的要求吗？我怀疑是因为其他在线检查器都没有这样建议我（尽管我确实理解并非总是可以自动测试它）。

4

3 回答 3

3

W3C 将“调整文本大小”列为要求之一，但它指出用户必须能够在不使用辅助技术（如屏幕放大镜程序）的情况下增加页面上的文本大小。要对此进行测试，您可以在受影响的页面上按 CTRL-+ 或 command-+，如果文本大小增加，则您的内容符合要求。要了解更多信息，请查看：了解 SC 1.4.4，调整文本大小。

于 2016-10-28T15:50:08.940 回答
3

据我所知，508 并没有明确要求字体大小可调整，但专家明确建议允许调整字体大小。尼尔森说：

让用户控制字体大小：微小的文本通过显着降低任务吞吐量来限制用户。IE4 有一个很棒的用户界面，可以让用户轻松更改字体大小；让我们在下一代浏览器中恢复这种设计。

在这一行，第 508 节 § 1194.21(g)确实指出：

应用程序不得覆盖用户选择的对比度和颜色选择以及其他单独的显示属性

其中包括字体大小并与WCAG 文本大小调整成功标准兼容：

作者的职责是创建不妨碍用户代理有效扩展内容的 Web 内容

只要您不禁止调整文本大小（例如使用文本图像或使用text-resize-adjustCSS），就可以了。但是，归根结底，使用相对字体大小可以提供更好的调整文本大小的体验，其中不仅包括字体大小，还包括换行等属性。

由于这些原因，我认为相对字体大小对美学很重要，但对可访问性并不重要。

于 2016-10-28T15:55:03.507 回答
2

“px”单位被定义为“css 像素”。他们已经是“相对单位”

见https://www.w3.org/Style/Examples/007/units.en.html

px 单位是 CSS 的神奇单位。它与当前字体无关，通常也与物理厘米或英寸无关。

因此，您使用的工具不准确或过时，因为它不再是现代浏览器的问题。

您也可以采用上述链接文档中指示的方法：

但是对于字体大小，使用 em 会更好。想法是（1）不设置 BODY 元素的字体大小（在 HTML 中），而是使用设备的默认大小，因为这是读者可以舒适阅读的大小；(2) 用em表示其他元素的字体大小

于 2016-10-29T12:05:52.077 回答