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
相关产品推荐
相关产品推荐

