当前位置:  开发笔记 > 编程语言 > 正文

可访问性:2个链接相同的文本和不同的HREF

如何解决《可访问性:2个链接相同的文本和不同的HREF》经验,为你挑选了1个好方法。

在Web应用程序中,我具有具有以下结构的事物列表:

如您所见,当我们列出项目(用户,角色或基本上任何东西)时,我们在右侧有一些关联的操作,以黄色突出显示。在这种情况下,所有项目都有一个Delete选项。

但是,如果我运行ADA遵从性工具,则会收到警告,提示:

警告:确保指向不同HREF的链接使用不同的链接文本。

解决此问题的正确方法是什么,因为所有Delete链接显然都指向不同的链接(例如:)javascript:Delete(123)。我知道这只是一个警告,我可以忽略,但是修复它可能会很好。

我不想将链接文本更改为,Delete XYZ因为这将是多余的,而且可能也不适合屏幕。

我正在使用Firefox的辅助功能评估工具栏进行测试。

编辑:当使用屏幕阅读器,标签顺序AdministratorDeleteAdvisorDeleteInstructorDelete,...作为项目也带你到其中的每一项细节/编辑链接。我不是可访问性方面的专家,但是它看起来已经很多余了,因为它已经在阅读每个项目之前了Delete



1> serraosays..:

如果您不想放置适当的文本标签,请在更具描述性的元素上使用仅限屏幕阅读器的类。

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

推荐阅读
小白也坚强_177
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有