在网页上,我有一段文字表示某件事的难度级别。选项包括简单、中等和困难。
它的显示方式如下: 所示难度级别为三个中的“困难”。这将以视觉方式进行样式设置,但我担心屏幕阅读器只会读取“难度级别:容易,中等,困难”,这对任何人都没有意义。
它的显示方式如下: 所示难度级别为三个中的“困难”。这将以视觉方式进行样式设置,但我担心屏幕阅读器只会读取“难度级别:容易,中等,困难”,这对任何人都没有意义。
现在的HTML非常简单,例如:
<div ...>
<div class="some-field its-inline-too">
<div class="field-label">Level of Difficulty</div>
<div class="field-value">
<span class="difficulty">Easy</span>
<span class="difficulty">Moderate</span>
<span class="difficulty active">Difficult</span>
</div>
</div>
</div>
我可以使用哪些HTML标签和/或样式来保留当前的视觉样式,同时又添加一些内容,以指示屏幕阅读器只有三个选择中的一个是实际的选择?
aria-hidden="true"
更可取? - TerranRicharia-hidden
,因为它会隐藏屏幕阅读器中的转录,并导致部分视力障碍用户出现重大无障碍问题。 - Adam