Css 第一个导航锚点在制表符和焦点轮廓未显示时被跳过

Css 第一个导航锚点在制表符和焦点轮廓未显示时被跳过,css,navigation,onfocus,web-access,Css,Navigation,Onfocus,Web Access,因此,我正在为客户开发一个网站,可访问性非常重要 因此,我刚刚在所有a:focus状态上启用了outline属性,并且由于某种原因,在页面中切换时跳过了导航中的第一个链接,并且:focus样式没有出现 我被难住了。我查看了html,它与其他li>a项目相同 以下是该网站的链接: 这是关于行为不当的联系 欢迎任何想法。多谢各位 ==编辑=== 解决方案:事实上没有href属性 还意识到下拉列表无法访问,因为它们使用display:none和visibility:none来隐藏它们。对于可访问性,不

因此,我正在为客户开发一个网站,可访问性非常重要

因此,我刚刚在所有a:focus状态上启用了outline属性,并且由于某种原因,在页面中切换时跳过了导航中的第一个链接,并且:focus样式没有出现

我被难住了。我查看了html,它与其他li>a项目相同

以下是该网站的链接: 这是关于行为不当的联系

欢迎任何想法。多谢各位

==编辑===

解决方案:事实上没有href属性


还意识到下拉列表无法访问,因为它们使用display:none和visibility:none来隐藏它们。对于可访问性,不要在任何需要屏幕阅读器可读或“可使用选项卡”的内容上使用这两个选项:)

没有为第一个菜单项分配href属性。尝试为其分配一个URL,即javascript:void()

发布HTML和CSS请发布EA:发布您的代码,在JSFIDLE或codepen上复制您的问题,添加到您的实时站点的链接,我们可以测试。。。。。然后,我们可以提出解决方案添加到该网站的链接。打算第一次做的:/谢谢。此外,为简洁起见,您可以使用href=“javascript:”,其工作原理与href=“javascript:void(0)”相同