本文へ


concrete5のテーマを作成しました。

  • 2010/01/30 21:40 JST

concrete5のテ-マ「gift」を作成しました。

作成したテーマ「gift」は、Project Lightに掲載していただいています。

テ-マ「gift」のスクリーンショット

concrete5のバージョンは、concrete5.3.3.1で作成確認作業をしました。

テーマ「gift」は、横幅固定サイズレイアウト 2カラム又は1カラムになります。

動作確認は、各種ブラウザ通常時に加え Windows XP Internet Explorer7 文字サイズ「大」「最大」時、Internet Explorer7 ズーム 200% 時、Internet Explorer6,8 文字サイズ「大」「最大」時(Internet Explorer6,8はIE Testerにて確認)、Firefox3.5.7 拡大×4と文字サイズだけ変更×4 時、Opera10.10 ズーム200% 時、GoogleChrome4.0.249.78 拡大×4 時、Safari4.0 拡大×4と文字サイズだけ変更×2 時、Mac OS X 10.4.11 Firefox3.5.7 拡大×4と文字サイズだけ変更×4 時、Safari4.0.4 拡大×4と文字サイズだけ変更×2 時で行っております。

尚、確認作業は、concrete5.3.3.1のデフォルトの状態、 サイト名16文字、サイトスローガン18文字の状態でしており、 Internet Explorer6でCSSの読み込みが不安定な事は確認しております。

音声読上げ確認に使用した音声読上げソフト
PC-Talker XP
NVDA r3441j
カラーチェックツール
colour contrast Analyser
Fujitsu ColorSelector5.1
アクセシビリティチェックツール
Fujitsu WebInspector 5.11
IBM aDesigner
特長
音声読上げソフト利用者を考慮し、サイドブロックを左配置にさせた場合サイドブロックより先にメインコンテンツ(メインブロック)を読み上げさせる(認識させる)為に、メインブロックを先読みさせています。また、ナビゲーションスキップを設置しています。
背景色と文字色コントラスト比率は、WCAG 2.0 の基準レベルAAを満たしております。
リンクを正確に選択出来るようナビゲーションの縦幅とメニューとメニューの間を広くしています。
ナビゲーションの部分以外は リンク箇所にフォーカスした時リンクだという事がわかり易いよう背景色が付く様になってます。
ユーザー補助のオプションでハイコントラスト 黒 に設定、或いは Internet Explorer7のツールからインターネットオプションを選びユーザー補助の書式設定で「Webページで指定された色は使用しない」にチェックを入れ、色で背景色を黒にし文字色を白に設定した際でも情報を正確に得られるようになっており、レイアウトもわかりやすくしております。


ハイコントラスト時の写真

著作権
個人、商用問わず利用していただけます。
デザインの著作権表記削除可能ですが、著作権を放棄・譲渡・帰属するものではありません。

このテンプレートは、個人、商用問わずご利用していただけますので、ぜひご活用ください。