Zen Cart日本語版のアクセシビリティ対応/現標準テンプレートを「富士通アクセシビリティ・アシスタンス」でチェック http://www.ark-web.jp/accessibility/238.html

Zen Cart日本語版のアクセシビリティ対応/現標準テンプレートを「富士通アクセシビリティ・アシスタンス」でチェック

Zen Cart：2009年はZen Cart2.0、アクセシビリティ対応、管理画面の改善に取り組みます : アークウェブ ビジネスブログ
http://www.ark-web.jp/blog/archives/2009/02/zen-cart_20_ark-web.html

現在Zen Cartの標準テンプレートをチェック改善中です。

手順 †

富士通アクセシビリティ・アシスタンス : 富士通
http://jp.fujitsu.com/about/design/ud/assistance/

1. WebInspectorでHTMLやCSSファイルのチェック。
2. ColorSelectorで画像化されている文字のコントラストをチェック。
3. 1、2の結果を踏まえ、ColorDoctorでシミュレートして、WebInspectorとColorSelectorでグレースケールや各色覚特性の見え方を目視確認。

WebInspectorによるチェック †

• 検索結果がWebページとして表示されるためここでは割愛いたします

ColorSelectorによるチェック †

• 文字色と背景色をスポイトで指定して判定

• 判定結果の項目
  • 一般（晴眼者）
  • 白内障(弱視者）
  • 第一色覚（赤）(色覚特性)
  • 第二色覚（緑）(色覚特性)
  • 第三色覚（青）(色覚特性)

• 評価は0〜3の4段階
  • 3はOK！ 良くない程度に応じて0〜2の評価

ColorDoctorによるチェック †

• 変換フィルタで画像を変換し目視でチェック
  • グレースケール
  • 第一色覚（赤）
  • 第二色覚（緑）
  • 第三色覚（青）

チェックするページ †

Zen Cart [日本語版] :, The Art of E-commerce
http://zen-cart.jp/zen-cart-v1.3.0.2-l10n-jp-4/index.php?main_page=index

ログイン : Zen Cart [日本語版] :, The Art of E-commerce
http://zen-cart.jp/zen-cart-v1.3.0.2-l10n-jp-4/index.php?main_page=login

Ｔシャツ（白） : Zen Cart [日本語版] :, The Art of E-commerce
http://zen-cart.jp/zen-cart-v1.3.0.2-l10n-jp-4/index.php?main_page=index&cPath=1
びちっこ [SAMPLE-T08] - ￥4,950 : Zen Cart [日本語版] :, The Art of E-commerce
http://zen-cart.jp/zen-cart-v1.3.0.2-l10n-jp-4/index.php?main_page=product_info&products_id=9
びちっこ [SAMPLE-T08] - ￥4,950 : Zen Cart [日本語版] :, The Art of E-commerce
http://zen-cart.jp/zen-cart-v1.3.0.2-l10n-jp-4/index.php?main_page=product_reviews_write&products_id=9

ショッピングカート : Zen Cart [日本語版] :, The Art of E-commerce
http://zen-cart.jp/zen-cart-v1.3.0.2-l10n-jp-4/index.php?main_page=shopping_cart
Zen Cart [日本語版] :, The Art of E-commerce
http://zen-cart.jp/zen-cart-v1.3.0.2-l10n-jp-4/index.php?main_page=popup_shipping_estimator
お届け先と配送方法を記入してください : Zen Cart [日本語版] :, The Art of E-commerce
http://zen-cart.jp/zen-cart-v1.3.0.2-l10n-jp-4/index.php?main_page=checkout_shipping
お支払い情報を記入してください : Zen Cart [日本語版] :, The Art of E-commerce
http://zen-cart.jp/zen-cart-v1.3.0.2-l10n-jp-4/index.php?main_page=checkout_payment
請求先住所を変更してください : Zen Cart [日本語版] :, The Art of E-commerce
http://zen-cart.jp/zen-cart-v1.3.0.2-l10n-jp-4/index.php?main_page=checkout_payment_address
ご注文内容を確認してください : Zen Cart [日本語版] :, The Art of E-commerce
http://zen-cart.jp/zen-cart-v1.3.0.2-l10n-jp-4/index.php?main_page=checkout_confirmation
ご注文の手続きが完了しました。 : Zen Cart [日本語版] :, The Art of E-commerce
http://zen-cart.jp/zen-cart-v1.3.0.2-l10n-jp-4/index.php?main_page=checkout_success

ダウンロード商品例（複数ファイル） [DOWNLOAD2] - ￥5,000 : Zen Cart [日本語版] :, The Art of E-commerce
http://zen-cart.jp/zen-cart-v1.3.0.2-l10n-jp-4/index.php?main_page=product_info&cPath=100&products_id=226

マイページ : Zen Cart [日本語版] :, The Art of E-commerce
http://zen-cart.jp/zen-cart-v1.3.0.2-l10n-jp-4/index.php?main_page=account
ご注文履歴 : Zen Cart [日本語版] :, The Art of E-commerce
http://zen-cart.jp/zen-cart-v1.3.0.2-l10n-jp-4/index.php?main_page=account_history
登録情報変更 : Zen Cart [日本語版] :, The Art of E-commerce
http://zen-cart.jp/zen-cart-v1.3.0.2-l10n-jp-4/index.php?main_page=account_edit
アドレス帳 : Zen Cart [日本語版] :, The Art of E-commerce
http://zen-cart.jp/zen-cart-v1.3.0.2-l10n-jp-4/index.php?main_page=address_book
パスワード変更 : Zen Cart [日本語版] :, The Art of E-commerce
http://zen-cart.jp/zen-cart-v1.3.0.2-l10n-jp-4/index.php?main_page=account_password
ニュースレター購読 : Zen Cart [日本語版] :, The Art of E-commerce
http://zen-cart.jp/zen-cart-v1.3.0.2-l10n-jp-4/index.php?main_page=account_newsletters
お知らせメール購読 : Zen Cart [日本語版] :, The Art of E-commerce
http://zen-cart.jp/zen-cart-v1.3.0.2-l10n-jp-4/index.php?main_page=account_notifications

サイトマップ : Zen Cart [日本語版] :, The Art of E-commerce
http://zen-cart.jp/zen-cart-v1.3.0.2-l10n-jp-4/index.php?main_page=site_map

検索結果 : Zen Cart [日本語版] :, The Art of E-commerce
http://zen-cart.jp/zen-cart-v1.3.0.2-l10n-jp-4/index.php?main_page=advanced_search_result&search_in_description=1&keyword=%A4%D3%A4%C1%A4%C3%A4%B3
詳細検索 : Zen Cart [日本語版] :, The Art of E-commerce
http://zen-cart.jp/zen-cart-v1.3.0.2-l10n-jp-4/index.php?main_page=advanced_search

お問い合わせ : Zen Cart [日本語版] :, The Art of E-commerce
http://zen-cart.jp/zen-cart-v1.3.0.2-l10n-jp-4/index.php?main_page=contact_us

ColorSelectorによるチェック結果 †

Zen Cart [日本語版] :, The Art of E-commerce
http://zen-cart.jp/zen-cart-v1.3.0.2-l10n-jp-4/index.php?main_page=index

• [ホーム｜ログイン]（グラデ掛かった茶色の帯に白文字）
  • 一般2、白内障1、第二色覚2、第三色覚2

• [EZページ :: 個人情報保護方針(EZページの例) :: シェアード(Shared)ページ(EZページの例) :: Zen Cartについて(EZページの例) ]訪問前（グラデ掛かった茶色の帯に青文字）
  • 白内障2、第一色覚1、第二色覚2

• [EZページ :: 個人情報保護方針(EZページの例) :: シェアード(Shared)ページ(EZページの例) :: Zen Cartについて(EZページの例) ]訪問後（グラデ掛かった茶色の帯に水色文字）
  • 一般0、白内障0、第一色覚0、第二色覚0、第三色覚0

びちっこ [SAMPLE-T08] - ￥4,950 : Zen Cart [日本語版] :, The Art of E-commerce
http://zen-cart.jp/zen-cart-v1.3.0.2-l10n-jp-4/index.php?main_page=product_info&products_id=9

• [カートに加える]のグリーンのカートのイラストと背景
  • 一般2、白内障0、第二色覚2、第三色覚2

• [レビューページへ]の水色の吹き出しと背景
  • 一般2、白内障1、第二色覚2、第三色覚2

• [友達に知らせる]の水色の人型と背景
  • 白内障2

びちっこ [SAMPLE-T08] - ￥4,950 : Zen Cart [日本語版] :, The Art of E-commerce
http://zen-cart.jp/zen-cart-v1.3.0.2-l10n-jp-4/index.php?main_page=product_reviews_write&products_id=9

• [商品の詳細ページへ]の明るい水色の部分と背景
  • 一般1、白内障0、第二色覚2、第三色覚2

ショッピングカート : Zen Cart [日本語版] :, The Art of E-commerce
http://zen-cart.jp/zen-cart-v1.3.0.2-l10n-jp-4/index.php?main_page=shopping_cart

• [ライトグリーンと白のリフレッシュボタン]
  • 一般2、白内障2、第二色覚2、第三色覚2

• [ゴミ箱アイコン]
  • 白内障2

ダウンロード商品例（複数ファイル） [DOWNLOAD2] - ￥5,000 : Zen Cart [日本語版] :, The Art of E-commerce
http://zen-cart.jp/zen-cart-v1.3.0.2-l10n-jp-4/index.php?main_page=product_info&cPath=100&products_id=226

• 商品画像
  • 一般2、白内障2、第二色覚2、第三色覚2

投稿者近藤 | パーマリンク

|

by 株式会社アークウェブ
アークウェブのアクセシビリティへの取り組み(WCAGやJIS X 8341-3、WAI-ARIAなど)についてまとめる場所です

menu

• 計画
• Ajaxのアクセシビリティ対応;
• アクセシビリティメモ;
• 実践アクセシビリティ;

Tag

　>>more...

最新の20件