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

What is the browser zoom range required to be WCAG AA compliant?

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

本页讨论的上限是 200% https://www.w3.org/TR/UNDERSTANDING-WCAG20/visual-audio-contrast-scale.html

Content satisfies the Success Criterion if it can be scaled up to 200%, that is, up to twice the width and height.

但是我对下限感到困惑。

我觉得这部分有点含糊:

Although not required for conformance, the following additional techniques should be considered in order to make content more accessible.

  • ...

  • Scaling text down to 50% (future link)

如果页面 "breaks"(布局混乱或某些元素被隐藏)在缩放 50% 但超过 50% 时还好怎么办?这是否意味着我的页面符合 WCAG AA 标准?

您需要适应的缩放范围是 100% - 200%。

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

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

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

https://www.w3.org/WAI/WCAG21/Understanding/resize-text.html

在更新版本中,删除了对缩小文本的引用。这不是必需的,您不需要适应负缩放(任何低于 100%)来实现一致性。

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

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

WCAG 2.1 - 1.4.10 Reflow

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

幸运的是,默认情况下使用媒体查询使您的网站移动友好通常会满足此要求(因为它相当于 320 像素宽的网站),但仍应对其进行测试。

测试这个的原因是桌面上的 400% 缩放可能相当于 320px 宽度但也相当于 256px 高(使用他们的 1280px x 1024px),这可以破坏很多使用 'sticky' 页眉和页脚,因为它们占据了太多的垂直空间 space 以致于网站无法使用。