はじめてのWebアクセシビリティ

Webアクセシビリティの実践は、まずできることから! 今後、解説ページを順次追加していきます。

HTML/CSS/JavaScript

  • Webページの内容が分かるページタイトルを付けよう
  • 見出しやリストなどの文書構造をマークアップしよう
  • リンク先に行くかどうか判断できるリンクテキストにしよう
  • 装飾ではない画像には、CSSではなくimg要素を用いよう
  • 情報を伝えている画像には代替テキストを提供しよう
  • 色の違いだけで情報を伝えないようにしよう
  • キーボードだけでもマウスと同じ操作ができるようにしよう
  • フォーム・コントロールのラベルをマークアップしよう
  • データテーブルの構造をマークアップしよう
  • エラーメッセージではエラー箇所とその内容を説明しよう

PDF

  • 画像には代替テキストを提供しよう
  • タグ付きPDFファイルに変換しよう
  • 意味の通じる読み上げ順序にしよう

動画

  • YouTubeで動画にキャプションを付けてみよう