在Web应用程序中,我具有具有以下结构的事物列表:
如您所见,当我们列出项目(用户,角色或基本上任何东西)时,我们在右侧有一些关联的操作,以黄色突出显示。在这种情况下,所有项目都有一个Delete
选项。
但是,如果我运行ADA遵从性工具,则会收到警告,提示:
警告:确保指向不同HREF的链接使用不同的链接文本。
解决此问题的正确方法是什么,因为所有Delete
链接显然都指向不同的链接(例如:)javascript:Delete(123)
。我知道这只是一个警告,我可以忽略,但是修复它可能会很好。
我不想将链接文本更改为,Delete XYZ
因为这将是多余的,而且可能也不适合屏幕。
我正在使用Firefox的辅助功能评估工具栏进行测试。
编辑:当使用屏幕阅读器,标签顺序Administrator
,Delete
,Advisor
,Delete
,Instructor
,Delete
,...作为项目也带你到其中的每一项细节/编辑链接。我不是可访问性方面的专家,但是它看起来已经很多余了,因为它已经在阅读每个项目之前了Delete
。
如果您不想放置适当的文本标签,请在更具描述性的元素上使用仅限屏幕阅读器的类。
Bootstrap有一个非常方便的小样式,.sr-only
您可以将其添加到样式表中,以便仅让屏幕阅读器看到的元素:
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0; }
只需将样式放在“删除” div / span的更详细的版本上:
Delete Administrator