我正在对一个站点进行可访问性分析,这是我第一次使用屏幕阅读器(jaws)来验证站点是否可读。我不明白的是,这个网站到底好不好。如果我让下巴读整页,我注意到它几乎读到了所有的内容。另一方面,如果我使用选项卡浏览站点,则只会读取带有选项卡的可聚焦元素(按钮、链接等),而不会读取标题和其他内容。这是对的?或者是否需要通过制表符读取所有文本元素?你能推荐一个网站解释使用屏幕阅读器阅读页面的可访问性规则吗?
这是一个伟大的创举,刚开始使用屏幕阅读器可能会让人很困惑。对我来说,这是最困难的一步,但也是最有见地的一步。
选项卡仅用于与网站交互,主要用于表单元素和链接。但是还有很多其他的快捷方式可以让你导航标题、地标、表格、表单等等。
如何使用屏幕阅读器导航
就像视力良好的用户一样,屏幕阅读器用户不会简单地阅读所有内容。人脱脂网站,寻找他们想要的信息。
绝大多数(67.7 %)的屏幕阅读器用户首先导航标题来查找信息,这与视力良好的用户非常相似。只有8 %的人会先通读页面,主要是"初学者"。
屏幕阅读器通常允许通过h键或数字键来导航各自级别的标题,并结合修饰键。在右标题处,方向键允许从那里继续阅读。
当使用制表符时,标题等[…]只读取具有选项卡的可聚焦元素(按钮,链接等),在这种情况下不读取标题和其他文字。这是对的?或者是否需要通过制表符读取所有文本元素?
[…]只读取具有选项卡的可聚焦元素(按钮,链接等),在这种情况下不读取标题和其他文字。这是对的?或者是否需要通过制表符读取所有文本元素?
这并不完全正确。需要一些文本元素与可聚焦元素一起被读取。
首先,读取元素的可访问名称。它通常来自<label>
元素,但aria-label
或aria-labelledby
也可以提供此名称。
然后,如果元素位于组内,例如<fieldset>
,则一旦焦点进入该组,该组的可访问名称也将被读取。
屏幕阅读器也可以配置为读取描述性文本,这可以通过aria-description
或aria-describedby
分配到一个可聚焦的字段。这通常用于关联相关提示或错误消息。
试试《大白鲨》:
<fieldset>
<legend>Address</legend>
<label>
Street name
<input type="text" aria-describedby="street-hint">
</label>
<p id="street-hint">You can shorten “Street” with St.</p>
</fieldset>
如何使用JAWS评估Web可访问性
进行上述调查的WebAIM也有一份使用JAWS评估网页可访问性的指南,其中解释了