了解 WCAG 调整文本大小 1.4.4

Understanding WCAG resize text 1.4.4

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

1.4.4 Resize text: Except for captions and images of text, text can be resized without assistive technology up to 200 percent without loss of content or functionality. (Level AA)

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

支持 200% 缩放所需的最低分辨率是多少?还是我没抓住要点?

谢谢。

一个典型的应用情况是,当 font-size 变得太大而无法放入一行时,文本应该换行到下一行。因此 one-line header 的文本将被换行,multi-line 段落和其他元素将以不同方式换行文本,以便所有文本在屏幕上保持可见。

What is the minimum resolution I need to support zooming at 200%, or am I missing the point?

你必须阅读Understanding Success Criterion 1.4.10: Reflow

Success Criterion 1.4.10 Reflow (Level AA): Content can be presented without loss of information or functionality, and without requiring scrolling in two dimensions for:

  • Vertical scrolling content at a width equivalent to 320 CSS pixels;
  • Horizontal scrolling content at a height equivalent to 256 CSS pixels.

这表示您应该能够在 1280 CSS 像素宽的分辨率下放大 400% 。还有一段涉及 "The relation of Reflow to the Success Criterion 1.4.4 Resize Text""text does not consistently increase its size as people zoom" 时的注释,指的是 1.4.4.