Gift
アクセシビリティに配慮されたテーマです。
concrete5のバージョン
concrete5.3.3.1
仕様
横幅固定サイズレイアウト 2カラム又は1カラム
◆確認作業
OS:Windows XP
ブラウザ：
Internet Explorer6,7,8(Internet Explorer6,8はIE Testerにて確認)、
Firefox3.5.7、GoogleChrome4.0.249.78、Opera10.10、Safari4.0
IE7 文字サイズ「大」「最大」時、IE7 ズーム 200% 時
IE6,8 文字サイズ「大」「最大」時(IE6,8はIE Testerにて確認)
Fx3.5.7 拡大×4と文字サイズだけ変更×4 時、Opera10.10 ズーム200% 時
GoogleChrome4.0.249.78 拡大×4 時、Safari4.0 拡大×4と文字サイズだけ変更×2 時
確認作業は、concrete5.3.3.1のデフォルトの状態、
サイト名16文字、サイトスローガン18文字の状態でしております。
尚、Internet Explorer6でCSSの読み込みが不安定な事は確認しております。
OS:Mac OS X 10.4.11
ブラウザ:
Firefox3.5.7、Safari4.0.4
Firefox3.5.7 拡大×4と文字サイズだけ変更×4 時、Safari4.0.4 拡大×4と文字サイズだけ変更×2 時
キーボードのみでの操作
◆音声読上げ確認に使用した音声読上げソフト
PC-Talker XP
NVDA r3441j
◆カラーチェックツール
colour contrast Analyser
Fujitsu ColorSelector5.1
◆アクセシビリティチェックツール
Fujitsu WebInspector 5.11
IBM aDesigner
◆特長
・音声読上げソフト利用者を考慮し、サイドブロックを左配置にさせた場合
サイドブロックより先にメインコンテンツ（メインブロック）を
読み上げさせる（認識させる）為に、メインブロックを先読みさせています。
また、ナビゲーションスキップを設置しています。
・背景色と文字色コントラスト比率は、
WCAG 2.0 の基準レベルAAを満たしております。
・リンクを正確に選択出来るよう
ナビゲーションの縦幅とメニューとメニューの間を広くしています。
また、ナビゲーションの部分以外は リンク箇所にフォーカスした時
リンクだという事がわかり易いよう背景色が付く様になってます。
・ユーザー補助のオプションで
ハイコントラスト 黒 に設定、或いは Internet Explorer7のツールからインターネットオプションを選び
ユーザー補助の書式設定で「Webページで指定された色は使用しない」にチェックを入れ、
色で背景色を黒にし文字色を白に設定した際でも情報を正確に得られるようになっており、
レイアウトもわかりやすくしております。
