我有一个网站，该网站的页面顶部具有导航栏，该导航栏在整个网站的大部分区域之间进行制表。对于每个大型部分，我也都有一个侧面导航栏。侧面导航栏相应地具有可单击的选项卡，这些选项卡显示了窗口中不同类型的内容。单击每个侧面导航栏选项卡时，当前所在页面的主导航栏选项卡将保持静态。
我的问题是，是否应将sidenav栏选项卡视为带有标签或按钮的链接，以实现可访问性？我的理解是，在这两种情况下，按钮和链接都需要在悬停时进行颜色更改，但是sidenav栏选项卡是否还需要其他伪状态，例如下划线或边框？
我非常感谢任何见识！
答案 0 :(得分：2)
交互式内容应具有可见的焦点轮廓，并且最好具有悬停状态。但是因为您不会将这些样式设置为链接，而是将样式设置为标签，所以我认为不需要下划线或类似样式。该规则仅是为了让链接在文本块内突出显示，但我不希望您的标签容易与非交互式文本内容混淆。
如果选项卡更改了URL，则它们应该是链接（或具有role=“link”）。
如果没有，他们可以随您喜欢，但请确保将它们role=“tab”放在带有role=“tabset”的容器中，以便将大多数人员包括在您的解决方案中。
而且无论如何，请确保它们可与键盘一起使用。 ：-）