草庐IT

javascript - 当 Angular 改变状态时,如何让屏幕阅读器阅读整个页面?

要求:每次更改页面时,屏幕阅读器必须阅读整个页面内容。我们使用firefox+NVDA进行测试,由于angular不会“更改页面”,我们尝试了以下方法使其在更改状态时读取整个页面:aria-live="assertive"这在很大程度上读取了我们站点中文本的更改,但它只读取了添加的内容,在我们的例子中,我们有一个表格被ng-repeat填充并且它读取正在添加信息但没有任何上下文(它没有说明正在读取的行或列)另一个问题是表单,当被angular填充时,屏幕阅读器会在它们被angular填充之前读取它,这已通过$timeout解决,但仍然是aria-live读取它会跳过一些部分的更改,如果

javascript - 使用 aria-live 在 vue.js 中向屏幕阅读器发布信息

我正在尝试让一个vue组件在我的网站上发生不同事件时动态地向屏幕阅读器宣布信息。我让它工作到单击按钮将填充aria-live="assertive"和role="alert"文本的范围。这第一次工作得很好,但是,单击具有类似行为的其他按钮会导致NVDA在阅读新文本之前阅读以前的文本两次。这似乎发生在vue中,但使用jquery的类似设置却没有发生,所以我猜它与vue呈现给DOM的方式有关。我希望有某种方法可以解决此问题,或者可能有更好的方法将文本读给不会有此问题的用户。非常感谢任何帮助。Hereisasimplecomponent我在工作代码沙箱中设置以显示我遇到的问题(导航至comp

如何使用jQuery启动和停止NVDA屏幕读取器阅读文本

实际上,我正在尝试在执行一个键入文本功能之前停止NVDA屏幕读取器,然后我想在完成键入功能后再次启动它。所以有人知道如何使用JQUER做到这一点?提前致谢。看答案我找到了解决方案。我们可以为此使用ARIA隐藏属性。很高兴自己找到它。

带有NVDA屏幕读取器的向导控件的多步asp.net Webform中的焦点问题

我正在使用ASP.NET向导控件显示多步骤过程。我必须通过NVDA屏幕阅读器和所有浏览器使该表单可访问。由于NVDA正在从顶部读取屏幕,因此可以在Chrome中访问该表格这是标题按顺序底部。但是,在检查Firefox+NVDA中的相同形式时,焦点有时会移至中间,有时会移至页脚。我的要求是屏幕阅读器应始终从这是标题在所有向导步骤中。请,我需要您的帮助来解决问题。我的代码如下:AccessibileFormThisisheaderTypeGoldSilverPremiumUser©2017TestLLC..Allrightsreserved.PoweredbyTest看答案好的,我认为这

关于 javascript:NVDA 不会在单个网页上读取多个 aria-live 标签。

NVDAisn'treadingmultiplearia-livetagsonsinglewebpage.我在网页上使用了多个aria-live标签,当网页上显示错误时,NVDA只读取第一条错误消息,而不是全部。我有用户aria-live="assertive"也尝试过使用aria-live="polite"但无法正常工作,任何人都可以为它提供一些解决方案。以下是我的代码:12345678910111213    inputtype="text"name="username"tabIndex="0"/>    spanclass="usernameerr"role="alert"aria-li

关于 javascript:NVDA 不会在单个网页上读取多个 aria-live 标签。

NVDAisn'treadingmultiplearia-livetagsonsinglewebpage.我在网页上使用了多个aria-live标签,当网页上显示错误时,NVDA只读取第一条错误消息,而不是全部。我有用户aria-live="assertive"也尝试过使用aria-live="polite"但无法正常工作,任何人都可以为它提供一些解决方案。以下是我的代码:12345678910111213    inputtype="text"name="username"tabIndex="0"/>    spanclass="usernameerr"role="alert"aria-li