知覚可能：誰もがコンテンツを知覚できるか

知覚可能とは、WCAGの最初の原則です。見たり、聞いたり、通常の方法で読んだりできなくても、すべてのユーザーがコンテンツを知覚できなければなりません。

ボタンや画像を知覚することすらできなければ、ほかのことは意味を持ちません。知覚可能は、残り3つの原則が成り立つ基盤です。

テキスト以外のコンテンツには言葉が必要です。テキストによる代替があれば、スクリーンリーダーが画像を読み上げ、全盲のユーザーもあなたが見ているのと同じ意味を得られます。🖼️

聴覚障害のあるユーザーは動画の音声を聞けません。字幕は話された言葉を画面上のテキストに変え、音声を視覚から知覚できるようにします。

トランスクリプトは、音声や動画の内容をすべて文字にしたものです。聴覚障害のあるユーザーや静かな部屋にいる人、聞くより読むほうがよい人に役立ちます。

人々はテキストを拡大したり、ズームしたり、ダークモードに切り替えたりします。適応可能なコンテンツは、どのように表示されても意味と順序を保ちます。

構造が保たれるよう、本物のHTML要素を使いましょう。スタイルがなくなっても見出しは見出しのままなので、スクリーンリーダーはそれがタイトルだと認識できます。

赤がエラーを意味する場合、色覚異常のあるユーザーは見落とす可能性があります。色にテキストやアイコンを組み合わせ、色相を見なくても意味を知覚できるようにしましょう。

白地に薄い灰色のテキストでは、弱視の人には読めません。テキストと背景の強いコントラストによって、誰にとっても言葉が読みやすくなります。

物事を簡単に区別できるようにしましょう。読みやすい文字サイズ、明確な間隔、一時停止できる音声などです。これが、知覚可能性における識別可能という側面です。

すべてのコンテンツについて、こう問いかけてください。目や耳を使わなくても知覚できるでしょうか。できないなら、代替手段を用意する必要があります。

知覚可能とは、誰もがコンテンツを知覚できるという意味です。代替テキスト、字幕、トランスクリプト、適応可能なレイアウト、コントラストなどがあります。まず知覚できるようにし、そこから構築しましょう。🌱