Html 引导导航栏按钮上的可访问性错误
Boostrap菜单上的汉堡包菜单作为错误显示在wave.webaim.org的Web辅助工具中:按钮为空或没有值文本 有没有关于如何解决这个问题的建议Html 引导导航栏按钮上的可访问性错误,html,twitter-bootstrap-3,accessibility,Html,Twitter Bootstrap 3,Accessibility,Boostrap菜单上的汉堡包菜单作为错误显示在wave.webaim.org的Web辅助工具中:按钮为空或没有值文本 有没有关于如何解决这个问题的建议 <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> <span class="
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
仅使用
.sr
类。在下面(您必须向下滚动一些):
为确保辅助技术(如屏幕阅读器)正确传达图标的含义,应在仅.sr类中包含其他隐藏文本
切换菜单
不错。。。我看不见森林的树木。。。谢谢
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="sr-only">Toggle Menu</span>
</button>
</div>