Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/90.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 通过ajax加载新内容时通知屏幕阅读器?_Html_Ajax_Accessibility - Fatal编程技术网

Html 通过ajax加载新内容时通知屏幕阅读器?

Html 通过ajax加载新内容时通知屏幕阅读器?,html,ajax,accessibility,Html,Ajax,Accessibility,当用户选择按钮时,我在页面上加载一些附加内容。新内容在视觉上非常清晰,但是否有必要采取措施确保新内容对屏幕读者可用/显而易见 我发现两个最佳实践似乎表明需要更多的步骤:&: 开发人员必须使用某些方法提醒辅助技术,内容已通过JavaScript发生了变化。如果不使用这些方法,辅助技术(如屏幕阅读器)的用户可能会对页面内容有一个过时/过时的视图 我还没有找到具体的javascript或标记,应该用来明确更改 我们可能会加载几种不同类型的内容: 响应查询的搜索结果(例如键入前搜索) 较长的描述(例如

当用户选择按钮时,我在页面上加载一些附加内容。新内容在视觉上非常清晰,但是否有必要采取措施确保新内容对屏幕读者可用/显而易见

我发现两个最佳实践似乎表明需要更多的步骤:&:

开发人员必须使用某些方法提醒辅助技术,内容已通过JavaScript发生了变化。如果不使用这些方法,辅助技术(如屏幕阅读器)的用户可能会对页面内容有一个过时/过时的视图

我还没有找到具体的javascript或标记,应该用来明确更改

我们可能会加载几种不同类型的内容:

  • 响应查询的搜索结果(例如键入前搜索)
  • 较长的描述(例如在选择搜索结果后加载记录的两段详细信息)

对于您指定的一般内容类型:

较长的描述(例如,在选择搜索结果后加载记录的两段详细信息)

听起来你只是想要一个手风琴(显示/隐藏)功能。详细讨论请参阅。它以一个字母结尾

响应查询的搜索结果(例如,提前键入搜索)

我用不同的术语来描述它,但最常见的是作为一个自动完成的小部件(在web上搜索那些关键字)。下面是一个nice,它描述了正确的键盘控制和屏幕读取的功能和行为

此外,如果您直接在用户键入的位置提供自动完成功能,请确保使用正确标记该功能,并且始终选择已完成的文本


<>最后,考虑提供一个关闭这个功能的机制。一些屏幕阅读器和低视力用户会发现它非常分散注意力(例如,可以在用户的帐户设置中关闭Google Instant)。

简单的回答是肯定的,您绝对需要使用W3C的规范提供一些额外的标记。很长的答案完全取决于你正在加载什么样的新内容以及用户如何与之交互。请用更多的细节来完善这个问题,我可以试着提供进一步的帮助。谢谢@SteveRepsher——我已经在上面添加了更多的细节。如果这还不足以继续下去,请让我具体知道什么对我有帮助。听起来你还处于初步设计阶段,所以我可以为你指出这些类型内容的资源。谢谢!一个澄清:对于“加载细节”,细节将在ajax请求后填充——当按钮被激活时,内容还不在DOM中。是否有应激发的事件或应使用的特定标记来指示相关的新内容已添加到DOM?否,accordion标记就足够了。本质上,您是在询问AJAX内容的容器元素是否需要高于
“off”
的设置,这意味着屏幕阅读器可以在按下按钮后开始读取它。这是不必要的,因为用户已经收到通知,该按钮将在
aria controls
给定的元素中展开更多内容。当内容获得焦点时,它只需要存在。