Webアクセシビリティ確保 基本 の キ Webアクセシビリティ確保 基本の「キ」 bit.ly/weba11y10 この作品は、クリエイティブ・コモンズ「表示 - 継承 4.0 国際」ライセンスの下に提供されています。 制作 株式会社インフォアクシア / デザイン 守谷 絵美 ページの内容が分かる ページタイトルを記述する 見出しやリストなどの文書 構造をマークアップする リンクテキストは、リンク先 が分かる文言にする 情報を伝えている画像に 代替テキストを提供する ページタイトルは、どのようなウェブページ なのかが分かる文言になっているか? 見た目だけではなく、適切な要素を用いて 文書構造や意味をマークアップしているか? リンクテキストだけで、ユーザーがその場で リンク先へ移動するかどうかを判断できるか? 画像の代替テキストは、画像と同等の情報を 過不足なく提供しているか? 情報を伝える色の使い方 に注意する ユーザーがコンテンツを 拡大表示できるようにする キーボードだけでも操作 できるようにする フォーム・コントロールの ラベルや説明をマークアップする エラーメッセージではエラー 箇所と修正方法を明示する 動画にキャプション(字幕) を提供する 色のコントラスト比を確保していて、色の違いが 分からなくても情報が伝わるか? 文字サイズを標準の 200%まで拡大しても、 コンテンツの閲覧や操作に支障はないか? ウェブコンテンツは、マウスやタッチだけでなく、 キーボードだけでも同じように操作できるか? コントロールのラベルや入力方法、入力例を コントロールの要素と関連付けているか? ユーザーがエラーメッセージを読んで、どのように 修正すればよいかを理解できるか? ユーザーが動画の音声を聞くことができなく ても、コンテンツを理解できるか? 達成基準 2.4.2 レベル A 達成基準 1.3.1 レベル A 達成基準 2.4.4 レベル A 達成基準 1.1.1 レベル A 達成基準 1.4.3 レベル AA 達成基準 1.4.1 レベル A 達成基準 1.4.4 レベル AA 達成基準 2.1.1 レベル A 達成基準 2.4.7 レベル AA 達成基準 1.3.1 レベル A 達成基準 3.3.3 レベル AA 達成基準 3.3.1 レベル A 達成基準 1.2.2 レベル A