本文へスキップメインメニューへスキップヘルプメニューへスキップ

レベルAAAの解説

このページは、レベルAAからなるべくレベルAAAになるよう、努力したものです。

このサイトでは、フレームをやめ積極的にスタイルシートでレイアウトや装飾を行うようにしました。レイアウトのためのテーブルも一切ありません。すべてのレイアウトは、スタイルシートで記述してあります。

アクセシビリティに配慮したページは、デザイン性が低くなると思われがちです。しかし、スタイルシートを活用すれば、これまでとほとんどかわらない表現ができることを見ていただきたいと思います。

確かに、スタイルシートに対応していないブラウザでは、作者が思ったようなレイアウトにならないことがあります。しかし、アクセシビリティが十分に確保されていれば、このサイトで伝えたい情報は、より多くの人に確実に伝えることができるのです。

各ページの修正箇所と修正方法

1)トップページ

  • 使用言語が日本語であることを示すメタタグを記述した。
  • ナビゲーションの機能を果たす主要なリンクに、ショートカットキーを割り当てた(9.5.1)
  • 関連あるリンクをグループにまとめ、音声読み上げソフトなどが読み飛ばせるようにした(13.6.1)
  • 文字の大きさを自由に変えられるよう、画像で表現された文字をほとんど取りやめ、テキストにした。
  • 館内配置図に画像を補う内容のテキストをつけた(14.2)

2)ニュース

  • 使用言語が日本語であることを示すメタタグを記述した(4.3.1)
  • ナビゲーションの機能を果たす主要なリンクに、ショートカットキーを割り当てた(9.5.1)
  • 関連あるリンクをグループにまとめ、音声読み上げソフトなどが読み飛ばせるようにした(13.6.1)
  • 「人気お魚ランキング」のテーブルに要約をつけた(5.5.1)

3)営業案内

  • 使用言語が日本語であることを示すメタタグを記述した(4.3.1)
  • ナビゲーションの機能を果たす主要なリンクに、ショートカットキーを割り当てた(9.5.1)
  • 関連あるリンクをグループにまとめ、音声読み上げソフトなどが読み飛ばせるようにした(13.6.1)
  • 地図を同じページ内に表示されるようにした。
  • 地図に道順を補足するテキストを用意した(14.2)

4)飼育日記

  • 使用言語が日本語であることを示すメタタグを記述した(4.3.1)
  • ナビゲーションの機能を果たす主要なリンクに、ショートカットキーを割り当てた(9.5.1)
  • 関連あるリンクをグループにまとめ、音声読み上げソフトなどが読み飛ばせるようにした(13.6.1)

このページのトップへ戻る↑

このページの記事はここまでです。このページの先頭へ戻る