Html Windows眼屏阅读器中的焦点问题

Html Windows眼屏阅读器中的焦点问题,html,focus,screen-readers,Html,Focus,Screen Readers,当任何验证失败时,我会在页面中显示一个div部分“errormessages”(Attributesaria live=“rude”id=“errormessages”tabindex=“-1”) 当使用屏幕阅读器进行测试时 JAWS 14:它读取显示的错误消息,并在div部分设置焦点 Windows Eye 8.3:它读取显示的错误消息,但焦点未设置为div部分 有人能提出改进建议吗 $('#errormessages').show(); 为了使该div处于焦点位置,而不管使用的是什么屏

当任何验证失败时,我会在页面中显示一个div部分“errormessages”(Attributes
aria live=“rude”id=“errormessages”tabindex=“-1”

当使用屏幕阅读器进行测试时

  • JAWS 14:它读取显示的错误消息,并在div部分设置焦点
  • Windows Eye 8.3:它读取显示的错误消息,但焦点未设置为div部分
有人能提出改进建议吗

$('#errormessages').show();

为了使该div处于焦点位置,而不管使用的是什么屏幕读取器,请显式将焦点设置为:

$('#errormessages').show().focus();

我不是Window Eyes用户(我使用的是JAWS),但如果您这样做会发生什么:
$(“#errormessages”).show().focus()
?这很有效。非常感谢。StackOverflow专家们,我是否应该将此作为对未来开发人员提出的此类问题的回答?