| Suite | Growth, Professional, Enterprise, or Enterprise Plus |
| Support with | Guide all plans |
内容可访问性指南
| 文章元素 | 指南 | 示例 |
|---|---|---|
| 正文内容 | 要创建每个人都可以轻松理解的内容，请使用：
|
不可访问
“如果您想组装小组件，请先检查盒子。如果包装盒损坏，即有压痕或破损，请务必向我们报告。接下来您可以开始执行以下任务：将螺钉插入设备并拧紧。打开设备。” 可访问 组装小组件
|
| 标题 | 分层使用标题，其中 <h1> 是最重要的标题，副标题则为 <h2>、<h3> 等。
在页面上排序时，每次增加或减少标题的一级。例如，在 <h3> 之后使用 <h4>，而不是 <h5> 或 <h6>。尝试只设置一个 <h1>，放入最重要的文本（例如页面标题）。 按标题整理网页可以让有认知障碍的用户在视觉上区分开来，也便于屏幕阅读器用户导航。 |
无法访问（无副标题） Lorem ipsum dolor sit amet, consectetur adipiscing elit.Pellentesque volutpat turpis ac ultrices pulvinar.Nullam pharetra neque ac eros fermentum, sed tempor lorem tristique.Aenean ut malesuada diam. 不可访问（已跳过副标题级别） Lorem ipsum dolor sit amet, consectetur adipiscing elit. 标题 1 Quisque tempor semper metus eu venenatis. 标题 4 Etiam et vehicula ipsum. 不可访问（多个 <h1>） Lorem ipsum dolor sit amet, consectetur adipiscing elit. 标题 1 Quisque tempor semper metus eu venenatis. 标题 1 Etiam et vehicula ipsum. 可访问 Lorem ipsum dolor sit amet, consectetur adipiscing elit. 标题 1Quisque tempor semper metus eu venenatis.Integer vehicula interdum velit, sit amet rutrum nisi sollicitudin ac. 标题 2 Etiam et vehicula ipsum.Aenean placerat semper leo et bibendum. |
| 图像 |
为用途图像提供清晰、简洁的替代 (alt) 文本，描述图像的内容。替换文本由屏幕阅读器软件朗读。 如果您使用的是：
alt="") 隐藏装饰性图像，这样它们可能会被屏幕阅读器等辅助技术忽略。 |
不可访问
可访问
|
| 链接颜色和样式 |
使用与页面和周围文本形成对比的链接颜色，并包含非颜色指示符（例如下划线或图标）。这样，难以辨别低对比度文本或色弱的用户也能访问您的链接。 避免使用图像作为链接。如有必要，请使用包含替代文本的图像，以描述链接的位置和用途。 |
不可访问
可访问 请参阅 创建无障碍帮助中心内容 |
| 链接文本 |
创建有意义的链接文本，周围没有内容。例如，避免不明确的链接文本，例如“单击此处”或“了解更多”。屏幕阅读器无法解读未在文本中说明的链接所指向的地方。 请勿使用原始 URL 作为链接文本。屏幕阅读器将为用户阅读整个 URL，无论 URL 有多长。 |
不可访问 请参阅 www.website.com/linkedpage.html。可访问 |
| 标题 | 使用描述主题或目的的页面标题。 |
不可访问 “可访问性详情” 可访问 “创建可访问帮助中心内容” |
| 视频 | 选择支持隐藏式字幕的视频提供商。隐藏式字幕有利于耳聋或听力障碍者轻松观看视频。
提供视频的文字记录和音频描述。 |
可访问 
|
内容可访问性资源
熟悉以下资源，详细了解如何创建可访问的帮助中心内容：
0 条评论