当用户选择按钮时,我正在页面上加载一些其他内容。新内容在视觉上会非常清晰,但是有哪些必要步骤可以确保新内容对屏幕阅读器可用/显而易见?
我发现了两个似乎表明需要采取更多步骤的最佳做法:Inform assistive technologies of changes in content& Ensure assistive technologies are aware of content changes in real time:
开发人员必须使用某些方法来提醒内容已通过JavaScript更改的辅助技术。如果不使用这些方法,屏幕阅读器等辅助技术的用户可能会有过时/陈旧的页面内容视图。
我无法找到应该用于明确更改的特定javascript或标记。
我们可能会加载几种不同类型的内容:
答案 0 :(得分:1)
对于您指定的常规内容类型:
更长的描述(例如,在选择搜索结果后为记录加载几段细节)
听起来你只想要一个手风琴(显示/隐藏)功能。请查看section 2.2 of WAI-ARIA Authoring Practices 1.1进行详细讨论。它以simple accordion example with code结尾。
搜索结果以回应查询(例如预先搜索)
我看到这用各种术语描述,但最常见的是作为自动完成小部件(在网上搜索这些关键字)。这是一个很好的example of a very accessible one,它描述了正确键盘控制和屏幕阅读的目标特征和行为。
此外,如果您直接在用户输入的位置提供自动完成功能,请确保使用aria-autocomplete
attribute正确标记,并且始终选中已完成的文本。
最后,考虑提供一种关闭此功能的机制。一些屏幕阅读器和低视力用户只会发现它非常分散注意力(例如,Google Instant可以在用户的帐户设置中关闭)。