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

First nav anchor being skipped while tabbing and focus outline not displaying

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

所以我刚刚在所有 a:focus 状态上启用了大纲 属性,并且由于某种原因,导航中的第一个 link 在 tab 浏览页面和:focus 样式没有出现。

我很难过。我查看了 html,它与其他 li > a 项相同。

这里是 LINK 网站:http://ilg.affinity4.ie/ 这是关于 link 的行为。

欢迎任何想法。谢谢

=== 编辑 ===

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

还意识到下拉菜单无法访问,因为它们使用 display:none 和可见性:none 来隐藏它们。对于可访问性,不要在需要屏幕阅读器或 "tab-able" 可读的任何内容上使用这些中的任何一个。 :)

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