Web 可访问性级别 AA 的规范之一是文本可以调整到 200%,而不会丢失内容或功能。
所以如果我放大到 200%,一切都需要看起来正确。
关于字体大小,我怎样才能做到这一点?
Web 可访问性级别 AA 的规范之一是文本可以调整到 200%,而不会丢失内容或功能。
所以如果我放大到 200%,一切都需要看起来正确。
关于字体大小,我怎样才能做到这一点?
问题不是字体大小或字体大小单位的问题,因为大多数常见的浏览器都有一个内置的缩放功能,可以缩放任何文本,而不管字体大小单位。问题是调整大小可能会导致文本容器开始重叠,从而导致某些内容或功能变得不可见(因为它最终落后于其他东西)。成功标准 1.4.4是在缩放功能还没有今天广泛使用的时候编写的。(在 2008 年,有几种浏览器支持缩放,但许多人仍在使用不支持缩放的旧版浏览器,并且文本大小调整(与缩放不太一样)可能会导致 Web 内容重叠。)
因此,虽然使用 、 等单位em
是%
个rem
好主意,但您需要确保在放大到 200 时彼此相邻显示的文本容器(例如section
元素、nav
等)不会重叠% 或将文本大小调整到 200%。例如,您可以使用 或 之类的单位来描述列宽%
,em
或者您可以确保以默认大小彼此相邻的文本容器在放大时最终彼此下方。如果您使用响应式设计来制作您的网站页面适应不同的屏幕尺寸,您还应该能够处理桌面浏览器的缩放。
您应该尝试使用em
而不是px
..
例如,如果您div
在您的内部body
- 假设font-size
页面主体的 设置为16px
。
如果您在 div 部分中想要的字体大小是12px
,那么您应该指定0.75em
(因为 12/16 = 0.75)。
您应该尝试使用“rem”(支持大多数浏览器)。然后设置根(html)的字体大小。并且所有页面都重新调整大小,例如,如果您希望“h1”始终是正文的 2 倍,请将其设置为 2rem;