理解可能：読みやすく予測可能か

理解可能は、WCAGの3つ目の原則です。ユーザーがコンテンツを読め、インターフェースがどのように動作するか予測できなければなりません。

平易で明確な表現は、認知特性が異なる人、母語話者でない人、疲れている読者にも役立ちます。読みやすさでは、巧みな表現よりも簡潔さが大切です。📖

スクリーンリーダーが正しい音声と発音を使えるよう、ページの言語を設定します。小さな属性を1つ指定するだけで、読み上げが正しくなります。

専門用語や略語は読者を混乱させます。用語を正式に書くか定義して、意味がすべての人に明確で理解可能な状態を保ちましょう。

要素はユーザーの期待どおりに動作するべきです。フィールドにフォーカスしただけで突然フォームを送信してはいけません。予想外の動作は予測可能性を損ないます。

ページが変わっても、メニューやリンクは同じ場所に置きます。一貫性があれば、ユーザーはサイトの使い方を一度覚えるだけで、その知識を繰り返し利用できます。

同じものには、どこでも同じ名前を付けます。あるページでCartと呼んだものを、別のページでBasketと呼ばないでください。ラベルは統一しましょう。

適切なラベルやヒントがあれば、間違いが起きる前に防げます。日付形式をあらかじめ伝えておけば、後でユーザーが困るエラーを防止できます。

問題が起きたら、何がどこで起きたのかを平易なテキストで伝えます。明確なエラーメッセージでは、該当フィールドと修正方法を示します。

問題を指摘するだけで終わらせず、解決方法も示しましょう。有効な形式や値を提案すれば、行き止まりがすぐに修正できる状態に変わります。

すべての画面について、次のことを考えてみてください。ユーザーは内容を読んで、次に何が起きるか予測できるでしょうか。驚いたり混乱したりするなら、まだ理解可能とはいえません。

理解可能の原則を確認してみましょう。

理解可能とは、コンテンツが明確に読め、動作を予測できることだと学びました。平易な言葉、langの設定、一貫性、役立つエラー表示がポイントです。💡