可访问性基础
导航栏
探索更多的
的指导方针
可访问性不是偶然发生的. 网站和文件必须从一开始就精心设计和开发,使其易于访问, 这个过程应该深深嵌入到我们机构的数字文化中, 就像隐私和安全一样.
大学用的是最新的 Web内容可访问性指南.2 AA级,是国际公认的面向公众网站的最佳实践.
在这里, 我们包含了简化的网页可访问性指南,作为可访问性的一个很好的起点, 提供必要的信息,使您的网页内容更具包容性.
标题
标题是屏幕阅读器读给用户的第一件事. 标题出现在网页浏览器的选项卡中. 确保将标题与主标题区分开来, 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.
- 提供一致的帮助(帮助内容和链接的确切位置-电话号码), 联系信息, 常见问题解答, 闲谈,聊天, “获取帮助”页面).
- 保持视觉显示干净整洁.
多媒体
- 为音频提供字幕,为视觉信息提供描述.
- 提前计划,尤其是音频描述. 在制作视频之前和制作过程中考虑字幕和音频描述要求.
- 提供准确且非人工智能生成的字幕和文本.
- 您可以使用专业服务来创建字幕和音频描述, 特别是对于高知名度, 高影响力的媒体. 你也可以自己做.