了解 WCAG 调整文本大小 1.4.4答案

【问题标题】：Understanding WCAG resize text 1.4.4了解 WCAG 调整文本大小 1.4.4
【发布时间】：2019-09-03 22:58:11
【问题描述】：

为满足 WCAG AA，调整文本大小要求 (1.4.4) 规定：

1.4.4 调整文本大小：除了文本的标题和图像外，无需辅助技术即可将文本大小调整到 200%，而不会丢失内容或功能。（AA级）

我有一个网络应用程序，我试图通过 AA，但发现此要求不清楚。如果在 Chrome 中我在 2560x1440 的显示器上放大 200%，则该应用程序看起来很完美。但如果我使用 1024x800 显示器，应用程序看起来并不完美。

支持 200% 缩放所需的最小分辨率是多少，还是我没抓住重点？

谢谢。

【问题讨论】：

【解决方案1】：

支持 200% 缩放所需的最小分辨率是多少，还是我没有抓住重点？

成功标准 1.4.10 重排（AA 级）：可以在不丢失信息或功能的情况下呈现内容，并且不需要在二维中滚动：

宽度相当于 320 CSS 像素的垂直滚动内容；

水平滚动内容的高度相当于 256 个 CSS 像素。

这表明您应该能够在 1280 CSS 像素宽分辨率上放大 400%。还有一段涉及“重排与成功标准 1.4.4 调整文本大小的关系”，以及 “文本不会随着人们缩放而不断增加其大小”时的注释 > 指的是 1.4.4。

【讨论】：

1.4.4 和 1.4.10 是不同的要求。是的，1.4.10 谈到了显示器尺寸，应该避免在两个方向上滚动，但 1.4.4 根本没有谈到尺寸。这是一个很难测试的问题，因为正如 OP 所说，它可能在一种浏览器尺寸下看起来不错，但在不同浏览器尺寸下看起来很糟糕。

【解决方案2】：

这应该适用的典型情况是，当字体大小变得太大而无法放入一行时，文本应该换行到下一行。因此，单行标题的文本将被换行，多行段落和其他元素只会以不同方式换行，以便所有文本在屏幕上保持可见。

【讨论】：