可访问性基础

标题

标题是屏幕阅读器读给用户的第一件事. 标题出现在网页浏览器的选项卡中. 确保将标题与主标题区分开来, which is visible in the web page’s body; the title is not.

• 提供描述性的、简洁的、独特的标题.
• 避免在标题中塞满关键字，以至于它们不再具有描述性和简洁性.
• 最重要的独特信息应该放在首位.

标题

• 提供描述性的、简洁的、语义性的标题，使其从文本的其他部分中脱颖而出.
• 遵循层次结构(H1, H2, H3, H4)，不要跳过标题级别. 例如，不要从H1跳到H3.
• 大多数页面应该只有一个H1.
• 不作为标题的文本不应该被标记为标题.

列表

• 对分组项目使用简短、狭窄、语义化的列表.
• 必须使用创作工具提供的列表特性将所有列表标记为列表.
• 不要创建虚假的项目列表.
• 如果您正在创建一个链接列表, 确保这些也是真正的标记列表, 并确保列表中的链接之间有适当的间距.

链接

• 提供描述性的、独特的、容易找到的链接，并在它们周围留出足够的空间.
  像“点击这里”或“了解更多”这样的链接并不好，因为它们脱离了上下文，没有意义.
• 当链接指向文档或在新窗口中打开时，应该指出这一点.
• 链接必须一致.
• 如果图像作为链接, 它应该有替代文本，表示该链接的功能.

表

• 使用带有有意义的标记标题的简单、语义表.
  一个简单的表应该在每个列的顶部有一个标题, (可选), 每行第一列中的单个标题.
• Avoid complex tables; break them into simple tables, 不要合并单元格, 最多使用一个标题行和一个标题列.
• 不要使用表格进行布局，也不要创建表格的屏幕截图.
• 为表格添加标题或说明文字.

图片

• 为所有考虑上下文的信息图像提供简洁和描述性的替代文本(所有文本).
  如果要在内容中添加图片，必须对其进行描述，因为屏幕阅读器无法读取图片.
• 不要包含“image of”或“photo of”.”
• 不要单独使用人工智能(AI)来编写图像的所有文本.
• 不要用SEO关键词填充所有文本.
• 尽量避免文字图片.
• 如果你需要帮助弄清楚从哪里开始写所有的文本, 想想你会如何在电话里向朋友描述这张照片.

Color

• 不要仅仅依靠颜色来表达意思.
  色盲和低视力用户可能无法感知颜色, 屏幕阅读器不会显示颜色.
• 使用足够的颜色对比.
  文字与背景对比度差会使阅读困难, 尤其是对视力低下的人. 使用免费的 色彩对比的工具 测试色彩对比度.
• 不要把澳门威尼斯人网上赌场的蒲公英黄和白色混在一起!

文本

• 写文章要容易、快速理解.
• 使用通俗易懂的语言, 缩写词解释, 避免或尽量减少术语和复杂的语言, 定义不常见的术语.
• 不要使用花哨的字体.
• 不要在非超链接的文本上使用下划线.
• 避免使用大写字母.
• 使用左对齐的文本.
• 句号后不要加两个空格.
• 不要用空段落来保持间隔.
• 提供适当的空间. 行距至少应为1.5倍的字体大小，段落间距应至少为字体大小的两倍.

布局和导航

• 使用简单的布局和可预测的导航.
• Keep navigation consistent; avoid changing the order of the links.
• 提供一致的帮助(帮助内容和链接的确切位置-电话号码), 联系信息, 常见问题解答, 闲谈，聊天, “获取帮助”页面).
• 保持视觉显示干净整洁.

多媒体

• 为音频提供字幕，为视觉信息提供描述.
• 提前计划，尤其是音频描述. 在制作视频之前和制作过程中考虑字幕和音频描述要求.
• 提供准确且非人工智能生成的字幕和文本.
• 您可以使用专业服务来创建字幕和音频描述, 特别是对于高知名度, 高影响力的媒体. 你也可以自己做.