在选项卡和焦点轮廓未显示时跳过第一个导航锚

Posted 2023-04-18

【中文标题】在选项卡和焦点轮廓未显示时跳过第一个导航锚

【英文标题】：First nav anchor being skipped while tabbing and focus outline not displaying

【发布时间】：2015-02-16 14:10:27

【问题描述】：

所以我正在为客户开发一个网站，可访问性很重要。

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

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

这里是网站的链接：http://ilg.affinity4.ie/ 这是“关于”链接在起作用。

欢迎任何想法。谢谢

=== 编辑 ===

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

还意识到下拉菜单无法访问，因为它们使用 display:none 和 visibility: none 来隐藏它们。对于可访问性，请勿在需要屏幕阅读器或“可选项卡”阅读的任何内容上使用其中任何一个。 :)

【问题讨论】：

请发布 HTML 和 CSS

想法：发布你的代码，在 jsfiddle 或 codepen 上复制你的问题，添加一个链接到你的现场我们可以测试.....然后我们可以提出解决方案

添加了网站链接。打算第一次这样做：/

【参考方案1】：

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

【讨论】：

谢谢。此外，为简洁起见，您可以使用 href="javascript:"，其工作方式与 href="javascript:void(0)"

相同