Web可访问性级别AA的规范之一是文本可以调整到200%的大小,而不会丢失内容或功能。所以如果我放大到200%,一切都需要看起来正确。我如何才能实现这一点关于字体大小?
qxsslcnc1#
这个问题并不是字体大小或字体大小单位的问题,因为大多数常见的浏览器都有一个内置的缩放功能,可以缩放任何文本,而不管字体大小单位是多少。这会导致某些内容或功能变得不可见成功标准1.4.4是在缩放功能还没有像今天这样普及的时候编写的。(在2008年,有几个浏览器支持缩放,但很多人仍然使用不支持缩放的旧浏览器,而文本大小调整(与缩放不完全相同)可能会导致Web内容重叠。)因此,虽然使用em、%、rem等单位是个好主意,但您需要确保文本容器(例如section元素、nav等)在您放大到200%或将文本大小调整到200%时不会重叠。例如,您可以使用%或em等单位来描述列宽,也可以确保在默认大小下彼此相邻的文本容器在放大时位于彼此的下方。如果使用响应式设计使Web页面适应不同的屏幕大小,您还应该能够在桌面浏览器中处理缩放。
em
%
rem
section
nav
gcxthw6b2#
您应该尝试使用em而不是px。例如,如果您的body中有div-假设页面主体的font-size设置为16px。如果div部分中所需的字体大小为12px,则应指定0.75em(因为12/16 = 0.75)。
px
body
div
font-size
16px
12px
0.75em
sr4lhrrt3#
你应该尝试使用“rem”(支持大多数浏览器)。然后你设置字体大小的根(html)。和所有的页面resize例如,如果你想“h1”总是2倍的身体,设置它为2 rem;
3条答案
按热度按时间qxsslcnc1#
这个问题并不是字体大小或字体大小单位的问题,因为大多数常见的浏览器都有一个内置的缩放功能,可以缩放任何文本,而不管字体大小单位是多少。这会导致某些内容或功能变得不可见成功标准1.4.4是在缩放功能还没有像今天这样普及的时候编写的。(在2008年,有几个浏览器支持缩放,但很多人仍然使用不支持缩放的旧浏览器,而文本大小调整(与缩放不完全相同)可能会导致Web内容重叠。)
因此,虽然使用
em
、%
、rem
等单位是个好主意,但您需要确保文本容器(例如section
元素、nav
等)在您放大到200%或将文本大小调整到200%时不会重叠。例如,您可以使用%
或em
等单位来描述列宽,也可以确保在默认大小下彼此相邻的文本容器在放大时位于彼此的下方。如果使用响应式设计使Web页面适应不同的屏幕大小,您还应该能够在桌面浏览器中处理缩放。gcxthw6b2#
您应该尝试使用
em
而不是px
。例如,如果您的
body
中有div
-假设页面主体的font-size
设置为16px
。如果div部分中所需的字体大小为
12px
,则应指定0.75em
(因为12/16 = 0.75)。sr4lhrrt3#
你应该尝试使用“rem”(支持大多数浏览器)。然后你设置字体大小的根(html)。和所有的页面resize例如,如果你想“h1”总是2倍的身体,设置它为2 rem;