样式下拉菜单a11y，没有js吗？

Question

是否有一种样式设置为a11y并且没有JS的HTML下拉菜单的方法？

目前，我仅看到具有JS，jQuery或“ webkit-appearance：none;”的解决方案。但是我一点都不喜欢它，因为：/

Answer 1

没有JavaScript，您将无法创建可访问的下拉菜单。造成这种情况的原因有很多：-

1. 您需要能够在打开下拉菜单的按钮上切换aria-expanded。
2. 下拉列表仅应在按enter或space时出现（以Enter键为正常方式）。
3. [您需要管理焦点状态，以便当某人在下拉菜单中的最后一个选项卡上进入时，它会转到下一个顶级菜单项并自动关闭下拉菜单。
4. 您应该能够理想地使用箭头键浏览下拉菜单（不是必需的，但是很不错）。

还有其他原因，但这应该使您了解为什么需要JavaScript。

话虽这么说，如果您担心未启用JavaScript的人，则可以提供HTML站点地图的后备链接。您可以使用<noscript>标签执行此操作。

还请记住，JavaScript本身不是可访问性问题，由JavaScript引起的可访问性问题应由开发人员来决定，只要您提供后备功能，它实际上就是可访问性最佳实践中必不可少的工具。