Post by waylengael on Apr 18, 2024 8:30:37 GMT
可访问性远远超出了网站的代码和配色方案。可访问性适用于您网站的各个方面,包括最重要的部分之一:您的内容。使用可访问性最佳实践可以在很多方面改进您的网站。例如,它将消除访问者的障碍并提高您的 SEO 排名。 如果您不熟悉辅助功能,请查看什么是网络辅助功能? 通过这些有用的提示,创建新内容或编辑现有内容以使其易于访问将不再那么困难。 1. 标题和标题 页面标题应该有意义且独特。用标题分解内容部分。 页面标题应该有意义且独特: 页面标题应该是页面的主要主题。 不同的页面不应该共享相同的标题。 使用清晰且具有描述性的页面标题: 页面标题应描述页面的用途。 页面标题有助于引导网站访问者。 页面标题显示在站点地图和搜索结果中。页面标题应帮助访问者快速找到他们正在寻找的内容。 用标题分解内容部分: 有六种标题样式:H1、H2、H3、H4、H5 和 H6。 标题是分层的,并按重要性顺序排列:H1 是最重要的标题,而 H6 是最不重要的。 每个页面都必须有一个标题 (H1)。 每页只能有一个H1,但每页不限制其他标题。 按适当的顺序使用标题: 不要根据标题的大小来选择标题;根据内容上下文中的级别使用标题。 不要从上到下跳过标题等级。
例如,H4 不应直接跟在 H2 后面。 标题标签决不能为空。 按适当的顺序使用标题。 按重要性顺序而不是风格使用标题。 2. 文字 使用清晰简洁的语言: 为只受过九年学校教育的人写作。 用普通读者能够理解的清晰简单的语言进行写作。 避免使用行话和行业特定语言。 当需要行业 新西兰 手机号码 定语言时,通过添加定义来解释术语以提供上下文。 解释缩写。 相同的缩写在不同的上下文中可能表示不同的含义。为了帮助访问者理解缩写词的上下文,请添加解释其含义的定义。 提供明确的指示: 许多游客很难感知颜色;例如,视力不佳的人通常会遇到有限的色觉。 使用除颜色之外的其他方式来传达信息。 添加下划线、图标和/或粗体将有助于区分链接和纯文本。 避免仅依赖颜色的说明,例如“单击蓝色链接”。 使用除颜色之外的其他方式来传达信息。例如,如果没有文本标签,带有彩色线条的图表对于色盲者来说可能难以理解。 折线图示例展示了使用除单独颜色之外的其他方式来传达信息的重要性。 通过形状、颜色和文本标签传达信息的图表将减少障碍。 感官特征: 有些残疾游客无法感知形状、大小或使用有关空间位置或方向的信息。 避免仅依赖感官特征的指令,例如“单击左侧的圆形按钮”。
链接 链接文本应该是唯一的并描述链接的目的: 避免模糊链接。 避免使用“阅读更多”或“了解更多”等链接文本。相反,请描述链接的目的。例如,“阅读有关我们服务的更多信息”阐明了链接的目的。 共享链接文本的链接必须到达相同的目的地。例如,两个带有“关于我们”文本的链接必须链接到同一页面。 链接不应在新窗口或选项卡中打开: 如果链接必须在新窗口中打开,请提前通知访问者,单击该链接将打开一个新窗口。例如,在链接文本中添加“(在新窗口中打开)”将有助于满足此要求。 4. 图片 替代文本(也称为替代文本): WordPress 替代文本字段的屏幕截图。 WordPress 提供了一个字段,用于向媒体库中的每个图像添加替代文本。 替代文本应该是准确描述图像的一两个句子。 请勿包含“图片”或“图像”。 使用正确的语法。 限制使用关键字。关键字不是必需的。 替代文本不应提供与图像附近的文本相同的信息。 屏幕阅读器将为访问者朗读替代文本,以便他们可以直观地看到图像。 提供替代文本来描述非文本内容: 编写替代文本时请考虑图像周围的文本。 装饰图像不需要替代文本。 装饰图像纯粹是出于审美目的,不会向内容添加信息,并且没有任何功能。
例如,H4 不应直接跟在 H2 后面。 标题标签决不能为空。 按适当的顺序使用标题。 按重要性顺序而不是风格使用标题。 2. 文字 使用清晰简洁的语言: 为只受过九年学校教育的人写作。 用普通读者能够理解的清晰简单的语言进行写作。 避免使用行话和行业特定语言。 当需要行业 新西兰 手机号码 定语言时,通过添加定义来解释术语以提供上下文。 解释缩写。 相同的缩写在不同的上下文中可能表示不同的含义。为了帮助访问者理解缩写词的上下文,请添加解释其含义的定义。 提供明确的指示: 许多游客很难感知颜色;例如,视力不佳的人通常会遇到有限的色觉。 使用除颜色之外的其他方式来传达信息。 添加下划线、图标和/或粗体将有助于区分链接和纯文本。 避免仅依赖颜色的说明,例如“单击蓝色链接”。 使用除颜色之外的其他方式来传达信息。例如,如果没有文本标签,带有彩色线条的图表对于色盲者来说可能难以理解。 折线图示例展示了使用除单独颜色之外的其他方式来传达信息的重要性。 通过形状、颜色和文本标签传达信息的图表将减少障碍。 感官特征: 有些残疾游客无法感知形状、大小或使用有关空间位置或方向的信息。 避免仅依赖感官特征的指令,例如“单击左侧的圆形按钮”。
链接 链接文本应该是唯一的并描述链接的目的: 避免模糊链接。 避免使用“阅读更多”或“了解更多”等链接文本。相反,请描述链接的目的。例如,“阅读有关我们服务的更多信息”阐明了链接的目的。 共享链接文本的链接必须到达相同的目的地。例如,两个带有“关于我们”文本的链接必须链接到同一页面。 链接不应在新窗口或选项卡中打开: 如果链接必须在新窗口中打开,请提前通知访问者,单击该链接将打开一个新窗口。例如,在链接文本中添加“(在新窗口中打开)”将有助于满足此要求。 4. 图片 替代文本(也称为替代文本): WordPress 替代文本字段的屏幕截图。 WordPress 提供了一个字段,用于向媒体库中的每个图像添加替代文本。 替代文本应该是准确描述图像的一两个句子。 请勿包含“图片”或“图像”。 使用正确的语法。 限制使用关键字。关键字不是必需的。 替代文本不应提供与图像附近的文本相同的信息。 屏幕阅读器将为访问者朗读替代文本,以便他们可以直观地看到图像。 提供替代文本来描述非文本内容: 编写替代文本时请考虑图像周围的文本。 装饰图像不需要替代文本。 装饰图像纯粹是出于审美目的,不会向内容添加信息,并且没有任何功能。