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

前端之家收集整理的这篇文章主要介绍了屏幕阅读器如何从HTML中读取元素前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我知道屏幕阅读器不仅会阅读一些元素/标签,还会阅读它自己的元素/标签.例如:
<button class="class-of-the-button">Text inside</button>

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

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

> for< input type =“radio”>
> for< input type =“checkBox”>
> for< h1>到< h6>标签.

解决方法

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

Aural UI of the Elements of HTML

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

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

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

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

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

猜你在找的HTML相关文章