网页无障碍数学公式要满足什么:图片替代文本远远不够
更新于
网页无障碍数学公式的目标,是让不能依靠视觉的读者也能确定运算关系。图片旁边写“二次公式”只报了名称,不能告诉人根号覆盖到哪里。准备网页内容时,应同时考虑整体说明、数学结构和实际读屏路径,不能把补上一条替代文字当作整项工作完成。
先用听觉检验一句描述有没有歧义
找一条带分式的表达式,请自己只读说明,不看图。如果“a 加 b 除以 c”让人无法确定除法作用范围,就说明描述缺少分组。简短公式可以用清楚的语言补充,例如说明整个和位于分子;较长公式则不宜全部挤进一段替代文字,让读者从头到尾反复听才能找某个下标。
图片描述仍有价值,它能在图像无法显示时提供整体线索,但通常不能支持读者在分子、分母之间跳转。需要分层阅读时,应准备结构化数学内容。网页上的变量定义也要保留在可读取正文中,不能全部藏在图里。字形相同的字母在不同章节可能代表不同量,单独朗读公式不一定能说明其用途。
制作时先明确需要表达的关系,再检查源公式。例如分子是一个和,输出后仍应保留整个分组,不能把加号后的项误放到分式外面。视觉上某些位置差别很小,听觉上却可能对应另一个运算顺序。
让页面接收到完整数学结构
在本站写好公式并核对预览后,回到「可视化」选择 MathML 输出,需登录并开通会员。将生成文件交给网页中明确支持数学标记的入口。普通文本框可能把标记作为字符显示,富文本框也可能过滤它;应先用测试页面确认接收方式,不能直接在整篇教材中批量粘贴。

保存后重新打开页面,检查数学内容是否仍然存在,并确认不是被转换为只有图像的展示。页面负责把结构暴露给读取工具,单独有一份正确的 XML 文件还不够。如果你只负责写稿,可同时交付源公式、MathML 文件与一条无歧义的文字说明,让页面维护者有完整材料进行接入和测试。

把自测位置放在读者真正访问的页面
启用 NVDA 或 VoiceOver 等读屏工具,在目标浏览器中打开保存后的页面,从公式前一句正文开始连续阅读。先听是否到达公式、是否重复读两遍,再听分式和上下标有没有层次提示。工具支持数学导航时,进一步尝试进入分子或指数,而不是只停留在整条朗读。
可以用两条对照式:一条只有简单加法,一条带嵌套分式。简单式能读不代表复杂结构也能读;若两条都只念成字母,先检查页面有没有提供结构,再核实工具的数学支持。记录所用浏览器和读屏环境,方便别人复现,不必仅凭听感断言是导出文件有错。
测试还应看阅读顺序。公式前的“其中”如果被排到公式后很远的位置,读者即使听到结构也难以对应变量。尽量让解释紧邻公式,在最终页面按键盘顺序走一遍,检查是否出现跳过、重复或被隐藏说明打断的情况。

用结果决定补充什么内容
如果结构读取正常但含义仍难懂,应完善变量和条件说明;如果 MathML 被页面过滤,应处理接收方式;如果同一份页面只在某个工具中失败,则继续核查工具支持。重新输出只能修复源结构相关问题,不能代替页面与读屏环境的处理。
本站提供的是公式编辑和结构文件准备环节。完成导出后,还需要在目标页面验收读者能否理解。对暂时无法分层导航的环境,保留有用的整体说明,说明不能替代结构,但可减少信息完全缺失的情况。
延伸阅读
- 公式导出 MathML:理解结构文件的用途与传递要求。
- 屏幕阅读器数学公式:区分源标记和接收工具的问题。
常见问题
- 公式图片加 alt 文字算无障碍吗?
- 替代文字能提供基本信息,但长公式通常还需要结构化表达和上下文说明。应检查读者能否辨认分子、分母和指数关系,而不是只确认图片带了一句描述。
- 怎么测试读屏软件能不能读我的公式?
- 在目标页面用读屏工具按正文顺序进入公式,听结构是否清楚,并尝试它支持的数学导航。保存页面后再测试一次,记录浏览器与工具环境,避免只测编辑框。