符合 WCAG AA 要求的浏览器缩放范围是多少？答案

【问题标题】：What is the browser zoom range required to be WCAG AA compliant?符合 WCAG AA 要求的浏览器缩放范围是多少？
【发布时间】：2019-10-02 13:32:28
【问题描述】：

如果您正在开发一个包含各种元素（文本、图像、图表等）的网页，您必须支持多大的缩放范围才能确保您的网页可根据 WCAG 标准进行访问？

如果内容可以放大到 200%，即宽度和高度的两倍，则内容满足成功标准。

但是我对下限感到困惑。

我觉得这部分有点模糊：

虽然不是一致性要求，但应考虑以下附加技术以使内容更易于访问。

...

将文本缩小到 50%（未来链接）

如果页面在缩放 50% 时“中断”（布局被弄乱或某些元素被隐藏）但在 50% 以上还好怎么办？这是否意味着我的页面符合 WCAG AA 标准？

【问题讨论】：

【解决方案1】：

您需要适应的缩放范围在 100% - 200% 之间。

如果您的访问者都将使用能够缩放文本的现代浏览器，那么您无需提供缩放控件。您可以允许用户代理（即浏览器）处理实际的缩放。

您做需要担心的是确保布局不会中断，并且在缩放到 200% 时不会使内容不可读。

WGAC 2.1 现在是当前标准，因此您应该参考该规范，而不是 WCAG 2.0。

在更新的版本中，对缩小文本的引用已被删除。这不是必需的，您无需适应负缩放（任何低于 100% 的内容）即可达到一致性。

【讨论】：

【解决方案2】：

接受的答案对于文本和大多数使用响应式设计的网站来说是一个很好的答案。

但是，由于最初的问题是关于浏览器缩放和文本以外的项目，我想我会为了完整性添加这个。

您的网站必须能够在 400% 缩放时正常运行。

幸运的是，使用媒体查询使您的网站对移动设备友好通常会默认满足这一要求（因为它相当于一个 320 像素宽的网站），但仍应对其进行测试。

测试这一点的原因是桌面上 400% 的缩放可能相当于 320 像素的宽度，但也相当于 256 像素的高度（使用它们的 1280 像素乘以 1024 像素），这可能会破坏许多使用“粘性”的网站页眉和页脚，因为它们占用了太多的垂直空间，无法使网站可用。

【讨论】：