辅助功能和文字大小调整，如何？

Question

Web可访问性级别AA的一个规范（文本）可以调整为200％而不会丢失内容或功能。

因此，如果我放大到200％，一切都需要看起来正确 如何在字体大小方面实现这一目标？

Answer 1

问题不在于字体大小或字体大小单位，因为大多数常见的浏览器都有内置的缩放功能，可以缩放任何文本，无论字体大小单位如何。问题是调整大小可能会导致文本容器开始重叠，从而导致某些内容或功能变得不可见（因为它最终落后于其他内容）。当缩放功能尚未像今天这样普及时，写了Success criterion 1.4.4。 （2008年，有几种浏览器支持缩放，但很多人仍然使用不支持缩放的旧版浏览器，文本大小调整 - 与缩放不太一样 - 可能会导致网页内容重叠。）

因此，虽然使用em，%，rem等单位是个好主意，但您需要确保文本容器（例如section当您放大200％或将文本调整为200％时，彼此相邻显示的元素nav等）不会重叠。例如，您可以使用%或em等单位来描述列宽，或者可以确保放大时默认大小彼此相邻的文本容器最终会低于彼此如果您使用自适应设计使您的网页适应不同的屏幕尺寸，您还应该能够处理桌面浏览器中的缩放。

Answer 2

您应该尝试使用em代替px ..

例如，如果div中有body - 假设页面正文的font-size设置为16px。

如果您想要div部分中的字体大小为12px，那么您应指定0.75em（因为12/16 = 0.75）。

Answer 3

你应该尝试使用＆＃34; rem＆＃34; （支持大多数浏览器）。 然后你设置根的字体大小（html）。所有的页面重新确定，例如，如果你想要＆＃34; h1＆＃34;总是身体的2倍，设置为2rem;