为屏幕而听：SAP UI5 的 Screen Reader Support 全面实践指南

在做 SAP UI5 无障碍设计时，屏幕阅读器支持 是应用可达性的压舱石。屏读软件并不看界面，它解析 DOM 与 ARIA 语义，结合浏览器暴露的可访问树来听你的应用。只要 DOM 合法且语义清晰，屏读器大概率就能正确播报；一旦结构混乱或标签缺失，用户就会陷入迷雾。下面以资深 UI5 与 Fiori 设计实践的角度，把如何在 UI5 中把屏读体验做对、做好讲透，并配以可落地的控件用法与代码片段。为便于扩展与团队协作，所有建议都尽量回扣到官方 Demo Kit、API 与 Fiori 指南的出处。

---

一、从听见结构开始：让 DOM 合法、层级合理

屏读器直接从 DOM 与可访问树取信息；无效的嵌套、错乱的标题层级、重复的标识都会导致读法失真。UI5 官方在可访问性演讲与指南中，把生成合法 HTML与保证正确的结构化标题列为屏读支持的基本要义。(OpenUI5)

团队落地要点

• 标题层级按页面信息架构递增，列表、表格、分组等容器要有清晰的标题与关系