我想知道这两个做法哪个更加优良:
<label>Foo</label>:
<label>Bar:</label>
哪一个更适合无障碍访问?屏幕阅读器在两种情况下都会读出冒号吗?
祝好!
<label>Foo</label>:
<label>Bar:</label>
哪一个更适合无障碍访问?屏幕阅读器在两种情况下都会读出冒号吗?
祝好!
:after
来添加冒号,这样就只剩下标签中需要插入的标签文本了。对于语义可能会更好一些。<label>Your label here</label>
.label:after {
content:":";
}
一些屏幕阅读器确实可以读取某些符号。添加冒号的好处是,通常情况下,屏幕阅读器会在其后暂停朗读。这可用于控制阅读速度或在您想要分隔文本或强调文本时使用。
这有点离题,但如果你要为字段添加标签,你需要在 <label>
标签中使用 "for="
属性,或者将 <input>
字段嵌套在 <label>
标签内。
<label for='foo'>my label</label>
<input id='foo'/>
<label>my label <input/></label>
这将允许屏幕阅读器在焦点转移到输入字段时读取标签。
至于冒号,如果冒号出现在段落中间,那么就像santialurralde所说的那样,读者会暂停一下。类似于它遇到句号时所做的操作。如果您的冒号位于标签上(使用上面示例的格式),则标签成为输入字段的可访问性名称。读者通常在说出可访问性名称和元素类型之间暂停,因此冒号并没有太大的区别。
话虽如此,我可以在JAWS中打开一个选项,使其读取所有标点符号。我会听到“冒号”、“句号”、“逗号”等。这不是我的默认设置。