文本调整大小

要求内容

当用户将文本放大至 200%——通过浏览器缩放、操作系统文字缩放或捏合缩放——页面必须仍然正常工作。不得出现文本被裁剪、容器重叠、功能丢失或需要水平滚动才能阅读句子的情况。该成功准则早于 1.4.10 重排（Reflow），后者要求更为严格；满足重排通常也意味着自动满足 1.4.4。

如何满足

• 字体大小和容器高度使用相对单位（rem、em、%），而非固定像素值——固定像素值无法随之增长。
• 避免对文本容器设置固定的 height；如有必要，改用 min-height。
• 不得设置禁用用户缩放的 viewport meta 标签（user-scalable=no 或 maximum-scale=1）。
• 构建弹性布局（flexbox、CSS grid），使容器随内容增长。
• 在典型桌面视口下以 200% 浏览器缩放测试；检查标题、按钮和表单字段是否发生重叠。

常见失败情形

• <meta name="viewport" content="user-scalable=no"> 在移动端阻止缩放——同时也是长期存在的 1.4.4 失败。
• 按钮固定像素高度，200% 缩放时标签文本被裁剪。
• 导航菜单在 200% 时溢出容器，变得不可访问。
• 以像素设定尺寸的模态对话框，缩放后无法容纳其内容。
• 文本增大时，表单标签换行到下一个字段区域。

为何重要

低视力用户日常将 150–200% 缩放作为默认设置使用。不满足 1.4.4 意味着这些用户要么无法阅读页面，要么每行都需要水平滚动——两种情况他们都会放弃。修复通常意味着在设计标记中将 px 替换为 rem，这是一次性的重构工作。