我们正在将ARIA支持添加到我们的SPA网站。
在应用程序中,我们有一个活动区域,其中我们根据验证显示来自服务器的动态消息。
我们添加了role ='alert'和aria-live ='assertive'来读取这些活动消息。
在FF和chrome中,即使在屏幕上显示消息,它在IE中的读取代码也一样,例如“ left-brace left-brace txtErrorMessage right-brace right-brace”,仍能正常工作
<div role="alert" aria-live="assertive">
<p class="scan-complete-text-auto">
{{model.txtErrorMessage}}
</p>
</div>
这里txtErrorMessage将根据api结果填充运行时。
我们正在使用有角JS。
如何解决这个问题?
尝试使用ng-show或ng-hide隐藏div,直到您准备好消息为止。可以检查消息长度以显示或隐藏div本身。这样可以解决问题。
同样,不需要角色=“ alert”和aria-live =“ assertive”。您可以删除role =“ alert”。对于此组合,JAWS + IE往往阅读不止一次。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句