当您在表单中的标签上明确设置了position:relative时,VoiceOver不会朗读标签文本。我只在Chrome和VoiceOver上测试过,所以我不知道其他屏幕阅读器/浏览器组合是否会出现这种情况。可能只是一个奇怪的错误,因为屏幕阅读器似乎不关心定位样式。
<form>
<fieldset>
<legend>Label Position Quirk</legend>
<input id="thing1" type="checkbox">
<label for="thing1" style="position:relative">This won't be read</label>
<input id="thing2" type="checkbox">
<label for="thing2">This will be read</label>
</fieldset>
</form>