WAI ARIA：Javascript能力测试？

原文

本着逐步增强的精神,我想做一些ARIA功能测试,以便在浏览器支持的情况下实现其他增强功能.我不想检测屏幕阅读器 – 我希望确保屏幕阅读器用户获得最佳体验,因为他们使用的工具.

例如,如果不支持aria-live属性,则可能不是实现endless scrolling的好主意.

我知道还有一个问题,即浏览器可能会支持这些属性,但屏幕阅读器可能不支持这些属性.由于屏幕阅读器通过浏览器透明地运行,我可以忽略该边缘的情况.

我从来没有听过有人做过这样的事情.是否像浏览器的其他DOM属性测试一样简单？ Mark Pilgrim的其他capability testing techniques在这里工作吗？

谢谢！

解决方法

第一个答案有一些不正确的信息.某些浏览器支持WAI-ARIA,有些则不支持WAI-ARIA.浏览器通过操作系统的可访问性API向屏幕阅读器发送事件.例如,如果您使用IE 7,则无法处理IE 8可能的WAI-ARIA.看看 this graphic

话虽如此,您无法进行测试来确定支持什么标签.一般来说,WAI-ARIA的有限支持始于FF2和IE8.查看浏览器的发行说明,以确定WAI-ARIA支持的内容.

这是a link that details testing WAI-ARIA

WAI ARIA：Javascript能力测试？的更多相关文章

  1. angularjs – 单页应用程序中的辅助功能(ARIA等)

    什么是最好的方法使SPA可访问？我对于aria规范很少有没有经验，我不知道它是否会在单页应用程序上工作。首先，像评论者说的，是的，你需要确保ARIA标签被正确使用。角色，aria标签和tabindex将是您看到的最流行的ARIA属性。最后一个选择是要求无障碍测试人员将您的应用程序用于测试驱动器。他们都可以有点干，但也有完整的你可以使用ARIA明智的一切的列表。

  2. html5 – HTML’hidden’和’aria-hidden’属性有什么区别？

    在使用Angular材料时，我一直看到了aria属性。有人可以向我解释，咏叹调前缀是什么意思？但最重要的是我想要理解的是aria-hidden和hidden属性之间的区别。解决方法ARIA定义了使残疾人更容易访问Web内容和Web应用程序的方法。隐藏属性在HTML5中是新的，并且告诉浏览器不显示元素。aria-hidden属性告诉屏幕阅读器是否应该忽略该元素。

  3. wai aria和jquery.html()以及jquery.append()

    我似乎无法找到任何资源或代码示例的方式,我可以让屏幕阅读器使用jquery工作将html插入dom或将html附加到dom.任何人都可以请指出一些我可以用作指南的有用资源,或者提供一些代码示例,我可以用它来开发我的应用程序以满足可访问性标准,并将动态内容添加到我的页面上ajaxpost-back？

  4. html5 – 什么是aria标签,我应该如何使用它？

    所以我的问题是：为什么我需要aria标签，我应该如何使用它？解决方法这是一个旨在帮助assistivetechnology将标签附加到匿名HTML元素的属性。所以有元件：显式地告诉用户在输入框中键入其名称，其中id=“fmUserName”。aria标签做同样的事情，但它是那些在屏幕上有一个标签是不实际或不可取的情况。采取theMDNexample：大多数人都能够直观地推断这个按钮会关闭对话框。盲人使用辅助技术可能只是听到“X”朗读，这并不意味着没有视觉线索。aria标签明确告诉他们按钮将做什么。

  5. 什么是HTML5 ARIA？

    解决方法WAI-ARIA是一个规范定义支持可访问的网络应用程序。它定义了一系列标记扩展，可以由Web应用程序开发人员使用它们提供有关各种元素的语义的其他信息，如屏幕阅读器等辅助技术。当然，为了使ARIA工作，解释标记的HTTP用户代理需要支持ARIA，但规范是以这种方式创建的，以允许下级用户代理安全地忽略ARIA特定标记，而不影响网络应用程序的功能。这里是ARIA规范的一个例子：请注意外部上的角色属性。

  6. 有人可以解释HTML5的aria- *属性吗？

    我想知道aria-*属性是什么用的。它们可以有什么值，它们是定义的值还是可以创建自己的值？解决方法ARIA代表AccessibleRichInternetApplications，旨在改善富互联网应用程序的可访问性，即使其更适合残疾人使用。关于各种属性的帮助可用here。我不认为你可以创建自己的ARIA属性。

  7. WAI ARIA：Javascript能力测试？

    本着逐步增强的精神,我想做一些ARIA功能测试,以便在浏览器支持的情况下实现其他增强功能.我不想检测屏幕阅读器–我希望确保屏幕阅读器用户获得最佳体验,因为他们使用的工具.例如,如果不支持aria-live属性,则可能不是实现endlessscrolling的好主意.我知道还有一个问题,即浏览器可能会支持这些属性,但屏幕阅读器可能不支持这些属性.由于屏幕阅读器通过浏览器透明地运行,我可以忽略该边缘的

  8. html5 – 用于在HTML中读取替代文本(例如罗马数字)的ARIA属性

    在我的HTML文档中,我使用罗马数字.有没有办法通知屏幕阅读器以另一种方式解释某些文本？我的猜测是会有一个ARIA属性,但我似乎无法找到它.例如.：解决方法使用aria-label标记为元素提供有意义的描述.然后,通过将它们包含在将aria-hidden属性设置为true的span元素中来隐藏屏幕阅读器中的元素,从屏幕阅读器中隐藏罗马数字.

  9. html5 – 何时使用必需属性与输入元素的aria-required属性？

    我正在努力使一个表单可访问.我应该让我的输入有所需要的和aria需要的属性,还是只有一个？

随机推荐

  1. js中‘!.’是什么意思

  2. Vue如何指定不编译的文件夹和favicon.ico

    这篇文章主要介绍了Vue如何指定不编译的文件夹和favicon.ico，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教

  3. 基于JavaScript编写一个图片转PDF转换器

    本文为大家介绍了一个简单的 JavaScript 项目，可以将图片转换为 PDF 文件。你可以从本地选择任何一张图片，只需点击一下即可将其转换为 PDF 文件，感兴趣的可以动手尝试一下

  4. jquery点赞功能实现代码 点个赞吧!

    点赞功能很多地方都会出现，如何实现爱心点赞功能，这篇文章主要为大家详细介绍了jquery点赞功能实现代码，具有一定的参考价值，感兴趣的小伙伴们可以参考一下

  5. AngularJs上传前预览图片的实例代码

    使用AngularJs进行开发，在项目中，经常会遇到上传图片后，需在一旁预览图片内容，怎么实现这样的功能呢？今天小编给大家分享AugularJs上传前预览图片的实现代码，需要的朋友参考下吧

  6. JavaScript面向对象编程入门教程

    这篇文章主要介绍了JavaScript面向对象编程的相关概念，例如类、对象、属性、方法等面向对象的术语，并以实例讲解各种术语的使用，非常好的一篇面向对象入门教程,其它语言也可以参考哦

  7. jQuery中的通配符选择器使用总结

    通配符在控制input标签时相当好用,这里简单进行了jQuery中的通配符选择器使用总结,需要的朋友可以参考下

  8. javascript 动态调整图片尺寸实现代码

    在自己的网站上更新文章时一个比较常见的问题是：文章插图太宽，使整个网页都变形了。如果对每个插图都先进行缩放再插入的话，太麻烦了。

  9. jquery ajaxfileupload异步上传插件

    这篇文章主要为大家详细介绍了jquery ajaxfileupload异步上传插件，具有一定的参考价值，感兴趣的小伙伴们可以参考一下

  10. React学习之受控组件与数据共享实例分析

    这篇文章主要介绍了React学习之受控组件与数据共享,结合实例形式分析了React受控组件与组件间数据共享相关原理与使用技巧,需要的朋友可以参考下

返回
顶部