我有一个页面n部分。这些部分是隐藏的,只能通过单击各自的链接来显示。
页面加载时,只有第一个链接处于活动状态,其余 n-1 个链接处于活动状态href="#"
。基于某种逻辑,其他链接被单独激活。如何让屏幕阅读器理解该链接是disabled or 停用?
假设您希望屏幕阅读器知道它们在那里,只是被禁用,我会使用一个按钮或链接,如下所示:
<button disabled>Section name</button>
<a href="#" role="button" aria-disabled="true">Section name</a>
这对于由某些外部逻辑控制的一组显示/隐藏区域来说是有好处的。
启用后,您还应该考虑一些属性,让人们知道它是如何工作的:
<a href="#" role="button" aria-pressed="false">Section name</a>
<div aria-expanded="false">Content to show</div>
当选择时:
<a href="#" role="button" aria-pressed="true">Section name</a>
<div aria-expanded="true">Content to show</div>
另一方面,如果它是一个手风琴(一次一个)那么我会在这里使用手风琴:http://whatsock.com/tsg/ http://whatsock.com/tsg/
您可能不想采用该框架,但只需阅读手风琴的注释即可更好地理解它。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)