【问题标题】:How do you test if your HTML page or application is accessible?您如何测试您的 HTML 页面或应用程序是否可访问?
【发布时间】:2014-06-02 08:35:36
【问题描述】:

为我的 HTML 页面添加辅助功能后,如何测试它是否正常工作?我想听听使用屏幕阅读器的人的声音和导航方式。

让我换一种说法,当你构建一个网页时,你会在浏览器中预览它,看看它的外观和行为是否正确。当您向同一个网页添加可访问性时,您如何知道它工作正常?

【问题讨论】:

  • 对于 HTML,只需将 URL 粘贴到浏览器中。页面将被渲染。
  • 请不要只投票结束问题!如果不清楚,请告诉我有什么问题。
  • 如果您手头没有可用的设备,您可以尝试寻找屏幕阅读器模拟器。
  • 添加辅助功能是什么意思?你能编辑你的问题并澄清一下吗?

标签: html accessibility


【解决方案1】:

如果您正在寻找快速抽查,您可以使用WebAIM's WAVE,它会告诉您重大错误。如果您想深入挖掘,您都需要了解 WCAG 2.0 和辅助技术。 WebAIM 有一个checklist for WCAG 2.0,这将是下一步,同时使用辅助技术。人们往往只认为辅助技术 = 屏幕阅读器,但这是不正确的。有许多不同类型的辅助技术。我建议通读清单顶部的注释。

NVDA 是一款免费的屏幕阅读器

【讨论】:

    【解决方案2】:

    看起来你可能是 SOL:

    Site accessibility: what screen readers, etc to test against, and how?

    Screen Readers For Testing Website Accessibility

    如果您真的在寻找半自动化的解决方案,您可以将 Selenium(或类似的)和屏幕阅读器模拟器(如第二个链接帖子中所述)拼接在一起,以提取屏幕阅读器,然后将文本提交给 Mechanical Turk for transcription,然后 diff 将您的站点文本与成绩单进行对比,您会看到作者有多困惑。这将花费几美元,但可能会为您节省更多昂贵的程序员时间。

    【讨论】:

    • 反对者愿意解释一下吗?我将问题联系起来以表明完全自动化的测试(我假设 OP 所追求的)或多或少是不可能的,并提出了替代方案。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多