什么是仅在引导3中的sr?

sr仅用于什么?它是重要的还是我可以删除它?没有任何问题也行

下面是我的例子:

<div class=“btn集团”>
<按钮类型=“按钮”类=“btn btn信息btn md”>部门&lt/按钮>
<按钮类型=“按钮”类=“btn btn信息下拉切换btn md”数据切换=“下拉”>
<span class=“插入符号”&gt&lt/span>
<span class=“仅限sr”>切换下拉列表&lt/span>
&lt/按钮>
<ul class=“下拉菜单”role=“菜单”>
<李&gt&书信电报;a href=“”>销售&lt/a&gt&lt/李>
<李&gt&书信电报;a href=“”>技术&lt/a&gt&lt/李>
<li class=“分隔器”&gt&lt/李>
<李&gt&书信电报;a href=“”>全部显示&lt/a&gt&lt/李>
&lt/ul>
&lt/部门>

根据bootstrap的文档,该类用于从呈现页面的布局中隐藏仅用于屏幕阅读器的信息

如果没有为每个输入都添加标签,屏幕阅读器将无法处理表单。对于这些内联表单,可以使用.sr only类隐藏标签

以下是使用的样式示例:

仅限

.sr{
位置:绝对位置;
宽度:1px;
高度:1px;
填充:0;
保证金:-1px;
溢出:隐藏;
剪辑:rect(0,0,0,0);
边界:0;
}

它是重要的还是我可以删除它?没有任何问题也行

这很重要,不要移除它

你应该始终考虑屏幕阅读器的可访问性。使用该类无论如何都会隐藏该元素,因此您不应该看到视觉上的差异

如果您有兴趣阅读有关无障碍性的内容:

  • 网络无障碍倡议(WAI)

  • MDN可访问性文档

发表评论