WCAG 2.0 是指《Web 内容无障碍指南》2.0，这是由万维网联盟（W3C）制定的一套推荐标准，旨在使网络内容对残障人士更加友好和易于访问。可感知（Perceivable）是四个主要原则之一，信息和用户界面组件必须以用户能够感知的方式呈现。

Untitled

什么是可感知 (Perceivable)？

信息和用户界面组件必须以用户能够感知的方式呈现。这意味着所有用户，包括有视觉、听觉、触觉或其他感官障碍的用户，必须能够访问和理解内容。

  1. 文本替代(Text Alternatives)：为所有非文本内容提供文本替代（如图像、图表、按钮等）。
  2. 时间依赖的媒体(Time-based Media)：为音频和视频内容提供替代方案（如字幕、音频描述等）。
  3. 可调内容（Adaptable Content）：内容可以以不同方式呈现（如简化文本或使用不同布局）而不丢失信息。
  4. **区分内容(Distinguishable Content)：**确保前景和背景的对比度达到最低标准，以确保文本可读性。

可感知原则的应用

一、文本替代(Text Alternatives)

为所有非文本内容提供文本替代（如图像、图表、按钮等）。

alt="表示 Apple Vision Pro 的速绘。该图像叠加了矩形和圆形网格线并且呈黄色，以巧妙地反映原始六色 Apple 标志中的黄色。”

alt="表示 Apple Vision Pro 的速绘。该图像叠加了矩形和圆形网格线并且呈黄色，以巧妙地反映原始六色 Apple 标志中的黄色。”

二、时间依赖的媒体(Time-based Media)

为音频和视频内容提供替代方案（如字幕、音频描述等）。

Untitled

在视频中嵌入字幕和提供单独文字阅读

在视频中嵌入字幕和提供单独文字阅读

三、可调内容（Adaptable Content）

内容可以以不同方式呈现（如简化文本或使用不同布局）而不丢失信息。

  1. 信息和关系（Info and Relationships）- A：通过使用适当的标记或分隔符，确保信息和关系在不同表现形式中保持一致。

    <h1>主要标题</h1>
<p>这是一个段落。</p>
<ul>
  <li>列表项1</li>
  <li>列表项2</li>
</ul>

  2. 有意义的顺序（Meaningful Sequence）- A：确保内容在技术上和逻辑上是以有意义的顺序呈现。

    <table>
  <tr>
    <th>月份</th>
    <th>销售额</th>
  </tr>
  <tr>
    <td>1月</td>
    <td>$10,000</td>
  </tr>
  <tr>
    <td>2月</td>
    <td>$12,000</td>
  </tr>
</table>