内容可访问性指南
文章元素 | 指南 | 例如 |
---|---|---|
正文内容 | 要创建每个人都易于理解的内容,请使用:
|
不可访问
“如果您想组装小组件,请先检查盒子。如果盒子已损坏,也就是说它有凹痕或已损坏,请务必向我们报告。接下来您可以开始执行以下任务:将螺钉插入装置并拧紧。打开设备。” 无障碍 组装小组件
|
标题 | 按层次结构使用标题,<h1> 是最重要的标题,副标题为 <h2>、<h3>,以此类推。
在页面上排序时,标题每次增加或减少一级。例如,在 <h3> 之后使用 <h4>,而不是 <h5> 或 <h6>。试着只用一个 <h1>,里面有最重要的文本(比如页面的标题)。 按标题组织网页使有认知障碍的用户可在视觉上加以区分,并且屏幕阅读器用户也更易于导航。 |
不可访问(无副标题) Lorem ipsum dolor 坐在 amet, consectetur adipiscing 精英。Pellentesque volutpat turpis ac ultrices pulvinar。Nullam pharetra neque ac eros Promoteum, sed Tempor lorem Tristique。Aenean ut 马苏达 直径 不可访问(已跳过副标题级别) Lorem ipsum dolor 坐在 amet, consectetur adipiscing 精英。 标题 1 俏皮的时间 semper metus eu venenatis。 标题 4 Etiam 和 vehicula ipsum。 不可访问(多个 <h1> Lorem ipsum dolor 坐在 amet, consectetur adipiscing 精英。 标题 1 俏皮的时间 semper metus eu venenatis。 标题 1 Etiam 和 vehicula ipsum。 无障碍 Lorem ipsum dolor 坐在 amet, consectetur adipiscing 精英。 标题 1俏皮的时间 semper metus eu venenatis。整数 vehicula interdum velit,sit rutrum nisi sollicitudin ac。 标题 2 Etiam 和 vehicula ipsum。埃尼阿斯placerat semper leo 和bibendum。 |
图像 |
为有目的的图像提供清晰、简洁的替代(alt)文本,以描述图像的内容。替代文本由屏幕阅读器软件朗读。 如果您正在使用
alt="" ) 以便它们可以被屏幕阅读器等辅助技术忽略。 |
不可访问 无障碍
|
链接颜色和样式 |
使用与页面和周围文本形成对比的链接颜色,并包括非颜色指示符(例如下划线或图标)。这使得难以区分低对比度文本或色盲的用户可以访问您的链接。 避免使用图像作为链接。如有必要,使用包含描述链接位置和用途的替代文本的图像。 |
不可访问
无障碍 请查阅创建可访问的帮助中心内容 |
链接文本 |
创建没有周围内容的有意义的链接文本。例如,避免使用含糊不清的链接文本,如"单击这里"或"了解更多"。当文本中未说明时,屏幕阅读器无法解释链接的指向。 不要将原始URL用于链接文本。屏幕阅读器将为用户读取整个URL ,无论长度如何。 |
不可访问 请查阅 www.website.com/linkedpage.html无障碍 |
标题 | 使用描述主题或目的的页面标题。 |
不可访问 “无障碍详情” 无障碍 “创建可访问的帮助中心内容” |
视频 | 选择支持隐藏式字幕的视频提供商。隐藏式字幕使耳聋或有听力障碍的人更容易观看视频。
提供视频的副本和音频描述。 |
无障碍 |
内容无障碍资源
请熟悉以下资源,以了解更多关于如何创建可访问的帮助中心内容的信息:
翻译免责声明:本文章使用自动翻译软件翻译,以便您了解基本内容。 我们已采取合理措施提供准确翻译,但不保证翻译准确性
如对翻译准确性有任何疑问,请以文章的英语版本为准。