在创建网站时,请按照以下提示操作,让所有人(包括残障人士)都能更加轻松方便地阅读。
添加替代文本
为图片、徽标、绘图和其他图形使用替代文本。如果没有替代文本,屏幕阅读器用户只会听到“图片”的语音提示。部分图片会自动加上替代文本,因此我们建议您检查相应替代文本是不是您需要的文本。
在插入的图片上添加或修改替代文本
- 选择图片或徽标。
- 打开“更多编辑选项” 添加替代文本。
- 在说明字段中输入替代文本。
在背景图片上添加或修改替代文本
- 使用电脑在 Google 协作平台中打开一个网站。
- 在背景图片的以下位置添加替代文本:
- 网站标题:点击标题左下角的“图片”图标 。
- 某个页面部分:在某个页面部分的右侧,点击“页面部分颜色”图标 “图片”图标 。
- 点击替代文本。
- 在“说明”字段中,输入替代文本。
在自定义主题徽标或横幅图片上添加或修改替代文本
向新的自定义主题背景添加替代文本
- 使用电脑在 Google 协作平台中打开一个网站。
- 点击右侧的主题背景面板。
- 在“自定义”下,选择“创建主题背景”图标 。
- 若要上传徽标或横幅图片,请点击“添加图片”图标 上传。
- 若要添加替代文本,请点击上传的图片 替代文本。
在自定义主题背景标题中添加或修改替代文本
- 使用电脑在 Google 协作平台中打开一个网站。
- 点击右侧的主题背景面板。
- 在“自定义”下,点击自定义主题背景右上角的“更多”图标 修改。
- 在“图片”下,点击标题图片 替代文本。
- 在“说明”字段中,输入替代文本。
使用高色彩对比度
较高的色彩对比度可让文字和图片更易于阅读和理解。网络内容无障碍指南 (WCAG) 2.0 建议大号字体文本的色彩对比度至少为 4.5:1,其他文本和图片的色彩对比度至少为 7:1。例如,请避免在白色背景上使用浅灰色文本。
您可以使用 Chrome 开发者工具查看关于提高色彩对比度的建议并将建议应用到您的网站。
使用说明性链接文字
屏幕阅读器可以扫描链接,因此说明性链接文字非常有用。使用页面标题作为链接文字效果最佳。例如,如果您要链接到自己的个人资料页面,则链接文字应为“我的个人资料”,而不是“点击此处”或完整的网址。
检查文本字体大小和对齐方式
为了让您的网站更易于阅读,请尽可能使用大字体的左对齐文本。两端对齐的文本比较难以阅读,因为字词间存在额外的空格。
使用文字传达格式设置的意义
最好不要只是用可视化的格式来传达意思。屏幕阅读器可能不会朗读格式更改(例如粗体或突出显示)。举例来说,如要标记某段重要的文本,请添加“重要”一词。
使用编号列表和项目符号列表
Google 文档和 Google 幻灯片会自动检测部分列表并设置其格式,以符合无障碍要求。例如,如果您在文档中依次输入数字 1 和句号以另起一行,则这一行就会自动变成编号列表中的第一项。详细了解如何设置项目符号列表和编号列表的格式。