HTML5   发布时间:2022-04-25  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了html5 – 屏幕阅读器读取锚标签或角色=“对话框”中的所有内容大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
很久以前,屏幕阅读器决定开始阅读锚标签中的所有内容< a>作为一个功能.这允许链接变短,其中上下文在视觉上明显但对于屏幕阅读器来说是模糊的.
然后开发人员可以编写类似于此行的内容,以使屏幕阅读器读取所有内容

<a href="#">More<span style="display: none;"> information about XYZ</span></a>

但是,使用HTML5,锚标记变得“透明”,并允许在其中包含更广泛的元素. http://dev.w3.org/html5/markup/a.html#a
这个新的链接功能非常棒,因为我们可以用正确的语义封装整个可点击对象.
不幸的是,阅读隐藏在链接中的所有内容功能现在正在咬我们:

<li><a href="#"> [ complicated markup ] </a></li>

在上面的标记中,使用任何隐藏的内容将被读取给屏幕阅读器.
属性role =“dialog”添加到< div>时会发生同样的问题.

阻止屏幕阅读器阅读现在真正隐藏的内容的诀窍是什么?

我正在使用IE10& Windows 8讲述人

解决方法

您可以使用隐藏式咏叹调,但要小心谨慎.

http://www.w3.org/TR/wai-aria/states_and_properties#aria-hidden

大佬总结

以上是大佬教程为你收集整理的html5 – 屏幕阅读器读取锚标签或角色=“对话框”中的所有内容全部内容,希望文章能够帮你解决html5 – 屏幕阅读器读取锚标签或角色=“对话框”中的所有内容所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。