White Stage

2010年8月20日JIS X 8341-3が公示されました。

6月12日土曜日に行われたWCAG勉強会@関西に参加してきました。

今回は、第3回の1日目になります
参加者は、motchieさん、aratakojimaさん、cnktさん、nanto_viさんと私の5人でした。

第3回の1日目勉強会の内容は、福祉・保険・医療情報 - WAM NET（ワムネット）をリニューアルしその際、新JIS X 8341-3に対応させるという想定で、現状の問題点や修正すべき箇所を参加者1人ずつ発表していきました。

Webサイトを閲覧する際、背景色が白では眩しくて見難い為にハイコントラスト背景色黒で閲覧されているかたから
Internet Explorer7でツールからインターネットオプションを選びユーザー補助の書式設定で「Webページで指定された色は使用しない」にチェックを入れ、色で背景色を黒にし文字色を白に設定してWebサイトを閲覧すると「ナビゲーションが消えてしまうサイトがあり困っている」とお聞きしたので色々と調べてみました。

大阪アニメーションカレッジ専門学校　テーマ作成プロジェクト Vol.2のGeeklog1.6.1対応新テーマ「OA020Aki」をリリースしました。イメージは、「天女の羽衣」です。

Geeklog1.6.1対応新テーマ「OA020Aki」は、大阪アニメーションカレッジ専門学校 Aki Matsumuraさんの作品を使用させていただき「WAIproCSS Ver2.4.1」をベースに3カラム固定レイアウトのテーマになります。

デザイン上、ナビゲーションは５つまでにしてください。 (ナビゲーション項目の文字数等によって５つ以下に設定しないといけない場合があります)

ベースはWAIproCSS2.4.1を使用していますが、ナビゲーションの背景画像を固定している事や、コンテンツの背景画像を透過している事、ブロック間にCSSで縦線を設定していない為、WAIproCSSよりアクセシビリティが低くなる事ご了承下さい。(PC-Talker XPでの読上げのチェック、ハイコントラスト 背景色黒の状態でのチェック、背景色と文字色のコントラストチェックはしております)

尚、このサイトはGeeklog1.5.2ですが、テーマ「OA020Aki」のデザインを見ていただく為だけに1.5仕様のテーマOA020Akiをこのサイトに入れております。
テーマのお試しで「OA020Aki」を選んでいただくとテーマをご覧頂く事ができるので、参考にしてください。

大阪アニメーションカレッジ専門学校　テーマ作成プロジェクト Vol.2のGeeklog1.6.1対応新テーマ「OA019Natsumi」をリリースしました。

Geeklog1.6.1対応新テーマ「OA019Natsumi」は、大阪アニメーションカレッジ専門学校 Natsumi Hayashiさんの作品を使用させていただき「WAIproCSS Ver2.4.1」をベースにヘッダ、フッタ位置固定２カラムリキッドレイアウトになります。(IE6は、フッタ位置固定ではなくwrapperの高さを固定)

デザイン上、ナビゲーションは７つまでにしてください。 (ナビゲーション項目の文字数等によって7つ以下に設定しないといけない場合があります)

ベースはWAIproCSS2.4.1を使用していますが、ヘッダとフッタの位置を固定しコンテンツの背景に画像を使用している為、WAIproCSSよりアクセシビリティが低くなる事ご了承下さい。(PC-Talker XPでの読上げのチェック、ハイコントラスト 背景色黒の状態でのチェック、背景色と文字色のコントラストチェックはしております)

尚、このサイトはGeeklog1.5.2ですが、テーマ「OA019Natsumi」のデザインを見ていただく為だけに1.5仕様のテーマOA019Natsumiをこのサイトに入れております。
テーマのお試しで「OA019Natsumi」を選んでいただくとテーマをご覧頂く事ができるので、参考にしてください。

アクセシビリティ配慮型テーマ WAIproCSS2.4.1を出しました。

2010年1月19日(火)にリリースされたGeeklog1.6.1日本語パッケージ拡張版 に入っているWAIproCSSと同じものになります。

Webサイトを閲覧する際、背景色が白では眩しくて見難いかたは背景色を黒にして閲覧されています。

Internet Explorer6でツールからインターネットオプションを選びユーザー補助の書式設定で「Webページで指定された色は使用しない」にチェックを入れ、色で背景色を黒にし文字色を白に設定してWebサイトを閲覧されているかたから「このように設定するとサイトによってはボタン等が表示されない場合があり、そのようなサイトが多くなってきている」と教えていただいたので色々と調べてみました。