在网络应用程序中，我有具有以下结构的事物列表:
如您所见，当我们列出项目(用户、 Angular 色或其他基本内容)时，我们在右侧有一些关联的操作，以黄色突出显示。在这种情况下，所有项目都有一个 Delete 选项。
但是，如果我运行 ADA 合规性工具，我会收到一条警告:
Warn: Ensure that links that point to different HREFs use different link text.
解决此问题的正确方法是什么，因为所有 Delete 链接显然都指向不同的链接(例如:javascript:Delete(123))。我知道这只是一个我可以忽略的警告，但修复它可能会很好。
我不想将链接文本更改为 Delete XYZ，因为它是多余的，而且它可能也不适合屏幕。
我正在使用 Firefox 的 Accessibility Evaluation Toolbar用于测试。
编辑:使用屏幕阅读器时，Tab 顺序为 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 的更详细版本上:
<div class="sr-only">Delete Administrator</div>
关于javascript - 辅助功能:2 个链接具有相同的文本和不同的 HREF，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/34516550/