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

Question

我知道屏幕阅读器不仅会读取一些元素/标签,还会阅读它自己的元素/标签.例如:

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

屏幕阅读器的结果如下:按钮文字在里面.

或类似的东西,我不太确定(如果你知道它究竟是什么,请更正).说这个,我想请你告诉我屏幕阅读器阅读的其他元素/标签是什么,它自带元素/标签的内容,特别是这个(但不仅仅是.如果你有一个列表或者请知道一些,请告诉我.我真的很感谢你的帮助):

1. 对于 <input type="radio">

2. 对于 <input type="checkbox">

3. 为<h1>给<h6>标签.

Answer 1

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

HTML元素的Aural UI

管理它的团队代表ARIA和HTML规范背后的人,所以他们不是为了踢,他们是为了规范的利益而做(并且它可能作为一个注释被合并到路上).一个也是屏幕阅读器用户,所以她比你或我更了解它.

您可以从JAWS,VoiceOver,NVDA和Window Eyes中找到每个示例.从文件:

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

• 当用户在内容中移动时,按角色标识元素.
• 公布元素的文本内容.
• 宣布元素的开始和结束.
• 声明元素内容时声音的变化.
• 公布元素的可访问名称和/或描述
• 州和财产的公告.
• 当具有特定状态或属性的元素接收虚拟焦点时发出蜂鸣声或其他声音.
• 有关如何操作表单控件等交互元素的说明.
• 通过键盘导航元素和特定元素的"快速访问"列表,列表项链接到页面上元素的每个实例.

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