书写无障碍访问内容

本页内容

    无障碍访问写作非常棒,它可以帮助每个人更轻松地了解内容。以下是一些无障碍访问写作提示。


    简单写作

    文档只有在用户能够看懂的情况下才称得上写得好。如果书写过于复杂,人们将无法使用。简单平实的语言能够改进无障碍访问功能。

    使用以下提示可以确保写作简单明了:


    标题结构

    制作无障碍内容时,标题至关重要。标题让屏幕阅读器用户能够直接跳转到特定内容,从而节省时间。

    使用您写作使用的系统。所有常用的工具,例如 Microsoft Word、PowerPoint 和 Open Office,都提供样式和格式化选项,帮助您在文档中构建正确的结构。使用您选择的内容编辑器工具中提供的样式和格式化选项。

    例如:标题 1 (<h1>)

    标题样式中的编号将为屏幕阅读器创建结构上下文,并帮助非视觉用户在无法看到文档中的可视分隔符时了解内容。

    例如

    <h1>教育领域无障碍访问</h1>

    <h2>Blackboard 无障碍访问</h2>

    关于设计无障碍内容的更多信息


    强调内容

    屏幕阅读器无法识别字体样式,包括:

    • 颜色
    • 粗体
    • 斜体
    • 下划线
    • 删除线

    使用这些样式以提供可视分隔符。请勿将它们用作指示重要性或传达信息的唯一方法。

    例如红色文本看起来像是警报。屏幕阅读器的用户不会知道文本是红色的。他们会错过提示并且不知道这是个警报。

    当您需要提供一个重要的视觉提示时,请确保使用无障碍替代方式。如果十分重要,则在句子末尾使用感叹号。屏幕阅读器会通过相应语调来表达感叹号和问号。这表示工具不会阅读“问号”,而是在大声阅读问题时借用询问语调。

    例如:再次声明,请勿单独使用字体样式指示重要性!


    图像

    问问您自己图像的用途是什么。是为了提供页面视觉吸引力吗?还是为视力好的用户提供后续内容的可视参考?该图像是否是所有用户需要的以便理解您的内容?

    如果您不知道图像的意义或目的,就不要使用它!图像会使内容显得混乱,不便于具有学习障碍的学生进行学习。

    替换文本

    如果您使用 LMS 或网站传达信息,您将在上传图像时看到替换文本字段。对于装饰性图像,请保留替换文本为空白。在这种情况下,屏幕阅读器将忽略图像。如果图像在页面上不会添加信息,那么这就是装饰性图像。

    关于 web 无障碍访问提议网站上装饰性图像的更多信息

    例如:如果某张图像显示用户界面 (UI) 中的工具,则描述如何看到该图像及其在页面上的作用。请参阅页面上描述图像的示例。

    如果不希望屏幕阅读器跳过该图像,则在图像中包括替换文本。您无需描述“的图像”,因为辅助工具已经知道这是一张图像。尽量使用简洁、清楚的描述性文字。

    请勿为每张图像使用相同的替换文本,例如“说明相关文本的图像”。这毫无意义并且会导致杂乱。

    对于复杂的图像,确保替换文本简短(6 或 7 个字符),并且在每个人可见的图像下面包括字幕,同时提供简短说明。

    信息图

    信息图需要替换文本。这是叙述性文字,与用户视觉获取的内容相同。替换文本应位于页面上信息图下面。在页面顶部包括一个锚链环以查看替换文本。

    请参阅带替换文本的信息图示例

    图像中的文本

    根据 WCAG 指南,图像中不得包括文本,而应当在页面上使用文本对图像进行说明。


    链接

    链接的描述性特点十分重要。每个链接都应描述用户单击链接将找到的内容。这对于屏幕阅读器提供的链接列表工具十分重要。此工具仅在页面上列出链接,不包含关于链接的其他上下文。

    例如:在此页面上,链接列表工具将阅读以下内容:“请参阅页面上描述图像的示例”、“带有替换文本的信息图示例”等。每个描述都说明了您选择后的结果。

    • 避免使用通用语句,例如“单击此处”或“查看详情”。链接列表工具将准确阅读所输入链接的文本。重复相同的链接(听到重复多次“单击此处、单击此处、单击此处”的图像)时,会导致用户混乱和混淆。用户需要了解链接指向的位置以及为什么应单击此处?描述性链接将提供此上下文。
    • Web 地址或 URL 不会被视为信息,因此不得使用。屏幕阅读器会逐字阅读,而不是提供文本说明。
    • 在新窗口中打开链接会使用户迷惑。确保窗口最小化。告知用户您将在何时使用新窗口。

    列表和表格

    通过您创建内容所使用的工具来执行此工作。使用内容编辑器中的项目符号、编号列表和表格工具。或者查看来源并使用正确的 HTML 标签。

    列表

    正确创建的项目符号列表 (<ul>) 会告知屏幕阅读器用户在项目符号列表中有多少个条目。

    正确创建的编号列表 (<ol>) 会告知屏幕阅读器用户在编号列表中有多少个条目并阅读每个条目的编号。

    表格

    尽可能使用列表而不是表格!表格可无障碍访问,但都屏幕阅读器需要了解高级按键命令以浏览和了解他们。

    使用列标题 (<th>)。这会使屏幕阅读器在用户导航每个单元格时重新朗读列标题,以便用户了解每个单元格内容的上下文。在为列命名和向单元格添加信息时,应考虑朗读每个单元格内容时的情景。

    请勿使用表格来创建内容的可视布局。

    无障碍访问表格的示例


    按键命令

    网络内容中的按键命令遵循全球标准。例如,您可以按 Tab 让计算机关注下一个按钮。您无需提供这些内容的说明。有关全球命令的列表,请参阅“JAWS 按键命令快速参考指南”

    有时,开发人员需要为产品创建原始按键命令。例如,Blackboard Collaborate 创建了原始按键命令来打开和关闭麦克风。请在您的标题中记录这些原始按键命令。

    单击和按键命令说明是两个不同的概念,不得出现在一个段落中。如果 Mac 命令与 PC 命令不同,请在按键标题段落中使用两个句子。

    示例 1

    默认情况下,在完成设置前,您会处于隐藏和静音状态。请点击麦克风和摄像头图标,开始完整参与会议。

    利用键盘,按 Alt + M 可以打开和关闭麦克风音频。按下 Alt + C 来打开或关闭您的摄像头。

    示例 2

    共享演示稿时,会出现浏览按钮,让您可以在幻灯片之间导航。

    按键盘上的 Alt + Page Up 键前进到下一张幻灯片。按 Alt + Page Down 以返回。在 Mac 上,按 Alt + Fn + 上箭头键和 Alt + Fn + 下箭头键。


    视频

    视频应带字幕。如需了解详细信息,请参阅关于视频字幕