You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

ADA合规下是否应保持默认letter-spacing字间距设置?

全站字间距配置与无障碍合规问题解答

首先明确核心原则:WCAG及ADA合规从未要求开发者必须为全站预设固定字间距,你之前配置.12rem letter-spacing的出发点是为了提升包容性,但逻辑上存在偏差,以下逐一回应你的疑问:

问题1:考虑到视力障碍用户可自行调整字间距,是否不应设置固定的letter-spacing值?

不是完全禁止设置固定字间距,但完全没必要把预设固定字间距当成无障碍合规的必要手段。
不同障碍用户的文本间距需求差异极大:读写障碍用户常用的舒适字间距约为0.12em,低视力用户可能需要更大的间距,也有部分神经多样用户、普通用户会觉得加宽字间距严重影响阅读效率。你给全站套统一固定值,既没法覆盖所有用户的适配需求,还会拉低普通用户的视觉体验,这也是团队成员不认可现有视觉效果的核心原因。
合规的核心要求从来不是「开发者要给用户设好合适的间距」,而是「当用户自己把间距调整到他需要的数值时,页面不能坏」。

问题2:当前是否有可供用户调整页面字间距、词间距的辅助工具?

这类工具已经非常普及,完全不需要站点单独开发适配:

  • 主流屏幕阅读器(NVDA、JAWS、系统自带VoiceOver等)均内置文本间距自定义功能
  • 各类无障碍浏览器扩展、阅读模式插件(比如面向读写障碍群体的辅助工具、全局阅读插件)基本都带字/词/行间距一键调整能力
  • 现代浏览器自带的用户样式配置、系统级无障碍文本设置,也支持全局覆盖所有站点的文本间距参数

问题3:设置固定letter-spacing值是否会干扰工具的正常生效效果?

干扰与否取决于你的写法:

  • 如果是不带!important声明、用相对单位(em/rem)设置的基础字间距,绝大多数辅助工具会通过更高优先级的内联样式完成覆盖,不会出现冲突
  • 如果给固定值加了!important、或者用px这类绝对单位写死间距,部分仅注入全局样式、不配置超高选择器优先级的轻量辅助工具,会被你的配置拦截,无法将间距调整到用户需要的数值,这种情况就直接违反了WCAG文本间距相关的合规要求。

关于word-spacing的处理逻辑

word-spacing(词间距)的处理规则和letter-spacing完全一致:不需要主动给全站设置固定词间距,只需要保证当用户自主将词间距调整到0.16em、行高调整到1.5倍、段间距调整到2倍行高时,页面不存在文字裁切、内容重叠、交互控件错位失效的问题,就满足合规要求。

实操落地建议

  • 直接移除全站统一配置的.12rem固定字间距即可,这不是ADA合规的强制要求,没必要为了规则误解和团队产生无意义的争执
  • 合规校验阶段,用文本间距测试工具把参数拉到WCAG规定的阈值,逐页排查布局坏损问题即可,不需要主动给用户预设间距
  • 如果确实想覆盖读写障碍等群体的使用需求,可以在站点的无障碍设置面板加一个「宽松文本间距」的手动开关,让用户自主选择是否开启,比强制给所有用户套统一配置合理得多
  • 所有文本相关的样式尽量不要加!important声明,给用户自定义配置、辅助工具覆盖留足优先级空间

内容的提问来源于stack exchange,提问作者bprdev

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.26 09:57:19