WebAIM -考虑网页的可访问性

使用旁白评估网页可及性

介绍

画外音是一个屏幕阅读器程序,适用于新的Mac电脑、iphone、ipad和iPod touch。本文旨在帮助刚接触VoiceOver的用户学习测试web内容的基本控件,并为偶尔使用VoiceOver的用户提供参考。

读这篇文章的时候,要记住几件事:

  • 本文不包含画外音快捷键的全面列表。属性的列表至关重要的新或新手配音用户应该知道的命令。有关VoiceOver键盘快捷键的详细列表,请参见画外音命令表。的画外音入门指南也可用。
  • 如果你是屏幕阅读器的新手,计划花一些时间(也许几个小时)来适应使用画外音。如果事情在几分钟后仍然令人困惑,不要灰心。放慢阅读速度,慢慢来。
  • 虽然VoiceOver在大多数苹果平台上都是可用的,但本指南将主要关注使用OS X版本的VoiceOver。

开始

您可以按下按钮开始(或停止)接线生命令+F5。如果您使用的是笔记本电脑,则可能需要另外按下thefn(功能)键激活F5

接线生激活键(调用签证官键)控制+选项。这些键用于访问特殊的VoiceOver命令和函数,将被简单地引用为签证官。例如,签证官+H(或控制+选项+H)将打开配音帮助菜单。

在配音时,请记住以下几点:

  • VoiceOver目前在Safari web浏览器中功能最好。VoiceOver可以用于其他浏览器,但可能会引入一些错误。VoiceOver还可以访问大多数OS X本地应用程序和功能。本文将只关注使用Safari访问web内容。
    • 在使用Safari进行测试之前,必须启用完整的键盘可访问性。在Safari菜单中,选择高级>可访问性并检查按Tab键高亮显示网页上的每一项
  • 请记住,屏幕阅读器用户通常不使用鼠标。当你对画外音更加熟悉时,试着只使用键盘。
  • 大多数浏览器快捷键在使用画外音时都可以工作。

阅读

有许多快捷键可以让你阅读网页内容。下面是一些重要的阅读捷径。有了这些快捷键,你应该能够通读大部分内容。

  • 签证官+一个:开始阅读
  • 控制:停止阅读
  • 签证官+:阅读下一项
  • 签证官+:阅读前一项
  • 签证官+P:阅读段落
  • 签证官+年代:读句子
  • 签证官+W:阅读单词(按W多次按字母和发音拼写单词)
  • 签证官+B:从顶部读取到当前位置
  • 签证官+首页跳转到页面顶端(在笔记本电脑的键盘上,fn+是回家)
  • 签证官+结束跳转到页面的底部(在笔记本电脑键盘上,fn+是结束)
  • 签证官+命令+/:选择语音设置选项(语速、声音、音高等)。使用签证官+命令+/要修改所选的语音设置

你可能想要练习阅读这页上的内容与画外音现在。

图片

每个在页面上传递内容或具有功能的图像都需要alt文本。浏览或收听下面的页面,体验VoiceOver如何对各种图像(包括有或没有可选文本)进行操作。

图像示例和实践

数据表

的细胞数据表可以使用导航签证官+箭头键。如果一个表有适当的表标头,它们将在Safari中被自动读取。签证官+C还将读取单元格的列标题和签证官+R将读取行标题。

在跨行或列标题以及左上角单元格为空时,VoiceOver有困难。这可能导致读取不正确的标头。

表示例和实践

形式

支持correctly-labeled形式是很好的画外音。当

的图例。将读取未标记表单控件的title属性值。如果同时提供了title属性和标签,则两者都将被读取。

格式示例和实践

实践

  • 一节一节地回顾这些页面。在每个部分的末尾,返回到顶部并以不同的方式导航到新的部分。例如:
    • 使用目录。
    • 使用签证官+U通过转子中的各种项目导航。
    • 按标题导航(签证官+命令+H)。
  • 这个页面中有几个元素在视觉上是隐藏的,但是提供这些元素是为了更好地定位屏幕阅读器用户。看看你是否能识别出它们(提示:一个就在面包屑的前面)。
  • 不使用鼠标订阅WebAIM时事通讯。
  • 你可以用。打开幕帘签证官+转变+。这会使屏幕变黑,从而给你一个更准确的体验,让你更好地确保网页是真正通过音频访问。万博体育官网网址启用screen curtain或关闭或忽略监视器,并重复其中一些任务。

画外音在移动

iPhone、iPod Touch和iPad上的VoiceOver功能和桌面版的VoiceOver很像,只是所有的操作都是通过触摸屏界面控制的。一些移动设备也支持键盘功能。参见我们的文章画外音在移动为更多的细节。