类sr仅用于什么?它是重要的还是我可以删除它?没有任何问题也行
下面是我的例子:
<;div class=“btn集团”>;
<;按钮类型=“按钮”类=“btn btn信息btn md”>;部门</按钮>;
<;按钮类型=“按钮”类=“btn btn信息下拉切换btn md”数据切换=“下拉”>;
<;span class=“插入符号”></span>;
<;span class=“仅限sr”>;切换下拉列表</span>;
</按钮>;
<;ul class=“下拉菜单”role=“菜单”>;
<;李>&书信电报;a href=“”>;销售</a></李>;
<;李>&书信电报;a href=“”>;技术</a></李>;
<;li class=“分隔器”></李>;
<;李>&书信电报;a href=“”>;全部显示</a></李>;
</ul>;
</部门>;
根据bootstrap的文档,该类用于从呈现页面的布局中隐藏仅用于屏幕阅读器的信息
如果没有为每个输入都添加标签,屏幕阅读器将无法处理表单。对于这些内联表单,可以使用.sr only类隐藏标签
以下是使用的样式示例:
仅限
.sr{
位置:绝对位置;
宽度:1px;
高度:1px;
填充:0;
保证金:-1px;
溢出:隐藏;
剪辑:rect(0,0,0,0);
边界:0;
}
它是重要的还是我可以删除它?没有任何问题也行
这很重要,不要移除它
你应该始终考虑屏幕阅读器的可访问性。使用该类无论如何都会隐藏该元素,因此您不应该看到视觉上的差异
如果您有兴趣阅读有关无障碍性的内容:
-
网络无障碍倡议(WAI)
-
MDN可访问性文档