怎样让读屏软件把控件朗读成“按钮”？

Question

题目描述

有些控件本身就不是以Button组件构建的，为什么要读成按钮？要怎么样让他朗读成“按钮”？

题目来源及自己的思路

公司最近在做软件无障碍的开发，主要是做软件的读屏功能。有些控件本身就不是以Button组件构建的，要怎么样让他朗读成“按钮”？

相关代码

粘贴代码文本（请勿用截图）

你期待的结果是什么？实际看到的错误信息又是什么？

Answer 1

可以使用 role 及 aria-label 属性标注，示例如下：

<div class="button" role="button" aria-label="按钮">我是一个按钮</div>

无障碍相关属性，可查看MDN ARIA状态及属性。

Answer 2

标签里贴了好几种语言和框架，所以你们到底是 Web 开发还是 Native 开发……是桌面端还是移动端……

Web 的话有 role 这个属性，就是为了这种场景设计的：

<div role="button">一个 div 实现的按钮</div>

https://developer.mozilla.org/en-US/docs/Web/Accessibility/AR...

Native 开发得看框架了，像 Qt 就有 Accessible 相关的属性和类可以用。

Answer 3

https://developer.mozilla.org/zh-CN/docs/Web/Accessibility/AR...