本文へ


アクセシビリティの勉強になる「音訳マニュアル」を読んで

  • 2012年April10日(Tue) 00:18 JST

WCAG 勉強会@関西で紹介されていた「音訳マニュアル」を購入して読んだのは、適切な代替テキストを書くための勉強になると思ったからです。WCAG 勉強会@関西で初めて紹介された時にはアクセシビリティとの繋がりがあると思えなくて買ってまで読もうという気持ちになれませんでした。

けれど、別のアクセシビリティの勉強会で再度この本を紹介された時に「やはり買って読んだ方が良いな」と思い本を購入しました。読んだ感想ですが、自分が思っていたよりも音訳は奥深く簡単ではないという事です。イコールwebサイトに携わる人は一読した方が良いという事です。

続きを読む (17 ワード)

Released the New theme "newspaper_en" of responsive Web design.

  • 2012年April 2日(Mon) 04:44 JST

To the basic theme "WAIproCSS Ver2.5.1 for Geeklog1.8.1" Create a new theme for Responsive Web design to use Media Queries of CSS3. PC is 2 column、iPad& iPod touch is center block 1 column& left& right block 2 column Layout.


The images were captured of the theme "newspaper_en" PC・iPad・iPod touch.

続きを読む (1,236 ワード)

レスポンシブWebデザインの新テーマ「newspaper」をリリースしました。

  • 2012年March 5日(Mon) 14:30 JST

新テーマ「newspaper」は、「WAIproCSS Ver2.5.1 for Geeklog1.8.1」をベースにCSS3のMedia Queriesを使用したレスポンシブWebデザインのテーマです。PCは2カラム、iPad&iPod touchは中央ブロック1カラム&左右ブロック2カラムレイアウトになります。


テーマ「newspaper」 PC・iPad・iPod touchのキャプチャ画像です。

続きを読む (529 ワード)

テーマ「sincere」をリリースしました。

  • 2012年January20日(Fri) 22:32 JST

新テーマ「sincere」は、「WAIproCSS Ver2.5.1 for Geeklog1.8.1」をベースに2カラムのエラスティックレイアウトを採用してます。

そして、このテーマはCSS3を使用し「プログレッシブ エンハンスメント」を取り入れてます。
(プログレッシブ エンハンスメントの説明は、@kaz_wuiさんのサイト「Website Usability Info」のプログレッシブエンハンスメント(Progressive Enhancement)という考えかたで詳しく説明されています。)
ですので、CSS3に対応していないブラウザでは単調なデザイン(ヘッダ等の背景のグラデーションが単色になる等)になりますが、情報は正しく得られるよう作成しております。


テーマ「sincere」 Internet Explorer7のキャプチャ画像です。

続きを読む (296 ワード)

フォーカス時のアウトラインの役割をご存知ですか?

  • 2011年December 6日(Tue) 14:00 JST

アウトラインの役割

リンクなどにフォーカスした時、アウトライン(外郭線)が表示されるのですが、このアウトラインにはどんな役割があるかご存知ですか?

アウトラインの役割を知らずに「何?この点線!じゃま」とCSSでoutline: none;と設定しアウトラインを消されているかたがいらっしゃると思うのですが、アウトラインが表示されないとキーボードのみで操作しているかたが自分が今どの位置にいるのかわからなくなってしまうんです。

リンクフォーカス時アウトラインが表示されないサイト

リンクフォーカス時にアウトラインが表示されないサイトがありましたので(ボタンフォーカス時にはアウトラインが表示されます)、アウトラインが表示されない状態で目的のページに辿り着けるか、また辿り着くのにどれだけ時間がかかり大変か体験してみましょう。私達はこのサイトの商品を購入したいとします。無事、目的の商品詳細ページまで辿り着く事ができるでしょうか?
サイトは、プレミアムバンダイ|こどもから大人まで楽しめるバンダイ公式ショッピングサイトです。このページ内にある商品名「ふわふわでかチョッパー 新世界だぞコノヤロー!」の詳細ページ(予約ボタンのあるページ)を表示するのが目的になります。チョッパーは、アニメワンピースに出てくるキャラクターです。では、みなさんも私と同じようにキーボード操作のみで目的のページまで辿り着けるか試してみましょう。(FirefoxTabキーで移動していきます)

続きを読む (82 ワード)

ページナビゲーション