html - 屏幕阅读器如何从 HTML 中读取元素

Question

我知道屏幕阅读器不仅会阅读某些元素/标签所包含的内容，还会阅读元素/标签本身。例如:

<button class="class-of-the-button">Text inside</button>

屏幕阅读器的结果为:内部的按钮文本。

或者类似的东西，我不是很确定(如果你知 Prop 体情况请更正)。话虽如此，我想请您告诉我屏幕阅读器读取的其他元素/标签以及元素/标签本身的内容是什么，尤其是这个(但不仅如此。如果您有它们的列表或只知道一些，请告诉我。非常感谢你的帮助):

1. <input type="radio">

2. <input type="checkbox">

3. <h1>至 <h6>标签。

Answer 1

有一个很棒的在线资源可以捕捉每个屏幕阅读器如何说出不同的元素。它不完整，但它有很多。它也在增长:

Aural UI of the Elements of HTML

管理它的团队代表了 ARIA 背后的人们和 HTML规范，所以他们不是为了好玩而这样做，他们这样做是为了规范的利益(并且它可能会在以后作为注释合并)。一个也是屏幕阅读器用户，所以她比你我更了解它。

您会在 JAWS、VoiceOver、NVDA 和 Window Eyes 中找到示例。来自文档:

屏幕阅读器对 HTML 元素的典型支持模式:

• 当用户在内容中移动时按角色识别元素。
• 通告元素的文本内容。
• 宣布元素的开始和结束。
• 宣布元素内容时声音会发生变化。
• 通告元素的可访问名称和/或描述
• 状态和属性的公告。
• 当具有特定状态或属性的元素获得虚拟焦点时发出哔哔声或其他声音。
• 关于如何操作交互元素(例如表单控件)的说明。
• 通过键盘和特定元素的“快速访问”列表来导航元素，列表项链接到页面上元素的每个实例。

注意:支持的模式组合因元素而异，对特定元素的支持因屏幕阅读器软件而异。