web main  - 考虑到网络可访问性

辅助技术实验:龙自然展示

这是一系列关于我个人寻求的一系列帖子的延续了解有关一些常见辅助技术的更多信息。在我的第一篇文章中,我概述了我的经历ZoomText.。Since then, I have become more familiar with the speech recognition software Dragon NaturallySpeaking (Premium) by差别

使用龙

诸如Dragon等语音识别软件服务于两个角色:它将语音转换为文本,并且它允许用户使用语音命令浏览内容。它通常由具有机动残疾的个人使用,但可以由其他残疾人(例如,认知)或与具有多种残疾用户一起使用的人(例如,龙和颌骨)使用。语音到文本对可访问的网页设计影响很小,因此我不会在这篇文章中关注它。万博体育官网网址相反,我会查看龙的用途如何浏览Web内容,以及这对开发人员来说这意味着什么。

设计建议

龙导航功能可分为键盘交互(导航到链接and表格控制)和鼠标交互(移动鼠标光标)。下面识别每种类型交互的建议。少数笔记/免责声明:

  • 由于残疾,我不依赖龙。
  • 允许用户浏览选项卡和Windows的命令,页面内搜索,向上和向下搜索等与与浏览器的交互相同,而不是与Web内容有关,因此它们未解决它们。
  • 虽然龙屏蔽了“支持”Firefox,但我在Firefox中使用龙有很大的困难,并最终依靠Internet Explorer 9进行所有测试。
  • 差别has also created语音访问HTML指南(PDF)万博体育官网网址

键盘导航

Links

  • Do not disable visible keyboard focus indicators (by default, a dashed line around focused links). Users may navigate through links and form controls by saying "Tab", but it is very difficult for the user to access these links if they cannot see which of the links currently has focus.
  • 确保内容的视觉顺序和标签顺序是相同的 - 通常是第一个导航,然后左右向右,上到底部。
  • 如果链接是图像,alternative text应匹配图像中的文本。例如,如果图像在视觉上显示“继续”单词,则用户可能会说“链接继续”以激活链接。如果备用文本与视觉上显示的文本不匹配,则不会激活链接。
  • 适当时使用唯一链接文本,特别是如果链接转到不同的页面。虽然用户可以从包含相同文本的多个链接中进行选择,但它需要一个额外的步骤,并且对某些用户可能会更令人困惑。
  • 避免使用“点击此处”,“阅读更多”,“了解更多”,“链接到”等通用文本。

形式

  • Use form labels. A user can navigate to a specific form control by saying the label name (e.g., "click First Name"). This process becomes much more difficult if labels are absent. If form labels are not correctly associated to their controls, Dragon will try to guess the correct label based on proximity, with varying success.
  • 使用适当的表单控制。用户可以根据控制类型导航以形成窗体控件。用户可以尝试通过说“单击按钮”提交表单,但如果按钮不是真正的按钮,或者是使用JavaScript提交表单的图像,没有任何内容,用户将不得不找到不同的方式提交表格。

鼠标导航

龙也可以模拟鼠标交互。虽然有几个命令允许您执行此操作,但我最喜欢的是MouseGrid。在说“MouseGrid”单词时,屏幕上出现3×3网,每个区域为1到9.用户表示最接近需要用鼠标激活的链接的数字,这将导致另外3 x 3网格出现。用户继续此过程,直到网格足够小,用户可以单击页面上的鼠标依赖元素,例如使用JavaScript提交表单的图像,如按钮。例如,要返回此页面上的主页(通过单击徽标),用户会说“MouseGrid,1 [将鼠标移动到左上角的鼠标左侧],5 [将光标移动到此中心区域],单击“。MouteGrid也可用于快速导航到无法使用链接文本激活的链接,例如没有替代文本的链接图像。

I found that being able to replicate a mouse click was very handy, but it was a very time consuming process and had limitations.

  • 避免需要用鼠标(例如,下拉菜单)悬停的内容。他们可能是困难或无法访问的。
  • Make clickable items sufficiently large. A small clickable target, such as a tiny radio button or image, may be very difficult to access with the MouseGrid. If checkboxes and radio buttons are properly labeled, the user can speak or click on the label, not just the control itself.
  • 确保可点击的项目查看可点击。使用我的光标激活一些东西是令人沮丧的,只能发现无法点击它。

龙的缺点

虽然龙是一个非常有能力的程序,但我发现了几个问题,使用龙更加困难:

  • 似乎Dragon在所有链接和表单控件上识别标题属性,包括带有备用文本的图像,并使用标签表单控件。这有时可能会令人沮丧,特别是如果多个元素具有重复的标题值。Dragon应该以相同的方式接近这个问题,它通过许多辅助技术接近它 - 仅使用标题属性如果没有替代文本或标签存在。这是标题属性应谨慎使用的另一个原因。
  • 导航非常大的页面时,Darag有时会显示以下消息:“未为某些链接生成语音命令;页面上的链接太多”。这是因为龙只分析了前200个链接并在页面上表单控件。通过说链接文本无法访问超出此限制的链接,但它们仍然可以通过Mou万博体育官网网址ndsGrid访问。超出此限制的表单控件无法接收决定文本,更重要的问题。虽然细微差别提供有关如何增加此限制的说明(PDF)龙,我猜很少用户知道this. It may be impossible to account for this limit on very complex pages, but the problem can sometimes be addressed by removing redundant links, or by combining duplicate links (e.g., a product image and the adjacent text description) into a single link.

是必要的龙测试吗?

关于龙是否测试的问题应该是开发人员测试的一部分是一个艰难的问题。虽然我们在Webaim将在更大的评估中使用Dragon进行关键任务页面的测试,但预计大多数开发商与龙测试是不切实际的。现实是,龙溢价的成本可以很高(接近200美元),并且购买高品质耳机也是必需的。训练龙也可能是耗时的,但如果你不使用Dragon对听写不太重要。

虽然重要的是要考虑依赖语音识别软件的用户的需求,但这些需求可能会在没有与龙实际测试的情况下解决。几乎可以检测上面识别的所有原则WAVE或通过基本的键盘测试。如果您有兴趣在不购买龙的情况下尝试语音识别,则较少的功能丰富的语音识别软件内置于Windows和Mac操作系统中。

接下来:对比

接下来,我将探索操作系统内的高对比度选项。这应该比学习ZoomText或Dragon更简单。很快寻找写作。

Comments

  1. 史蒂夫布尔

    伟大的文章,像往常一样。
    I would also add: If you are using CSS to hide part of a link (as in Sufficient TechniqueC7在WCAG 2)中,不要隐藏链接的第一部分。这样做会使尾随,可见,部分链接有效。
    记住一个简单的短语:“说出你所看到的”,你应该没问题。
    当然,Dragon用户可能会知道您可以刚刚说“链接”,并且所有链接将显示具有编号值。说明所需的值将激活相应的链接。

  2. Neil Milliken.

    谢谢你撰写文章,很高兴看到一种经常看起来像给出的技术一样。开发人员的观察是重要的考虑因素。

    但是,我认为解雇你有必要用龙试验,因为它具有古怪的行为,而且没有比现实世界的测试进行测试。同样不是你的断言,龙的价格与200美元昂贵的赔率有可能令人难以置信,即令人鼓舞的开发人员用嗡嗡声和ZoomText测试更昂贵并且具有较少数量的用户。万博体育官网网址

  3. 史蒂夫布尔

    尼尔很棒。
    特别是在成本方面。
    I wonder what the total cost actually would be to set up a test environment with the “most used” AT?
    Just the purchase cost, not the most important factor of training and education of the testers.

  4. Priti Rohra.

    你好,约翰,

    Excellent post! Thanks for sharing it. I was always keen on knowing about speech recognition interaction on websites from Accessibility point of view since I have not been able to try it myself as yet.

    我基于您的帖子几个问题:
    1. You have recommended to avoid using drop-down menus working on hovering the mouse: fair enough but wanted to know does it work fine if the drop-down menus are made keyboard accessible or drop-down menus are a complete no-no?
    2. How does Dragon react to image icon button/links, such as ‘Search’ or ‘Start/Stop’ buttons? How can a user know what is the alt specified and how do they give command to activate the same? Does Dragon display the alternate text for users?

    我觉得我的第二个问题听起来很基本,但很想知道他们两个人的答案。

    始终是bpositive!
    Priti Rohra.
    Twitter:http://www.twitter.com/pritirohra

  5. Harry Myer

    Dragon自然地说(DNS),使用IE更好,但是Firefox有一个可帮助的Firefox的插件,尽管我不知道它是否适用于最新版本的Firefox(或者如果有更新的插头)。

    当您尝试访问具有相同名称的标签时,DNS编号为含糊不清的标签,您可以选择您想要的数字。

  6. 迈克马里斯

    I noticed the ‘push’ this holiday season for a version of Dragon. One thing I noticed is that all selling of Dragon is based on ‘normal’ people using it as a productivity tool. For people that have a speech impediment, I would guess that Dragon and other tools would be crippled (sorry for the pun) in accurately writing what is said.

    我提出了这一点,说视觉和认知不是唯一的残疾类型。而且,它们通常不是一个或另一个。

    虽然伟大的文章。在卖出不是目标时,看到真正的评论是如此令人耳目一新!

  7. Nancy

    我很好奇,这个软件是否推荐用于Dylexia的人或视力障碍?什么百分比的人使用这个软件?

    谢谢

    南希约翰逊

  8. Dragon Software

    这个软件真的是任何南希的。这并不是你必须有一个不允许你输入的问题(它可以帮助这种情况),但它也可以帮助提高家中的生产力甚至工作!

  9. 迈克尔伯克斯

    就像笔记一样,很棒的文章。如果您可以尝试使用ZoomText和Drage同时测试。您会发现结果非常富有成效。