- 追加された行はこの色です。
- 削除された行はこの色です。
Zen Cart:2009年はZen Cart2.0、アクセシビリティ対応、管理画面の改善に取り組みます : アークウェブ ビジネスブログ
&pgid();
''Zen Cart:2009年はZen Cart2.0、アクセシビリティ対応、管理画面の改善に取り組みます : アークウェブ ビジネスブログ''
http://www.ark-web.jp/blog/archives/2009/02/zen-cart_20_ark-web.html
現在Zen Cartの標準テンプレートをチェック改善中です。
** 手順 [#fdd967b3]
富士通アクセシビリティ・アシスタンス : 富士通
http://jp.fujitsu.com/about/design/ud/assistance/
+ [[WebInspector:http://jp.fujitsu.com/about/design/ud/assistance/webinspector/]]でHTMLやCSSファイルのチェック。
+ [[ColorSelector:http://jp.fujitsu.com/about/design/ud/assistance/colorselector/]]で画像化されている文字のコントラストをチェック。
+ 1、2の結果を踏まえ、[ColorDoctor:http://jp.fujitsu.com/about/design/ud/assistance/colordoctor/]]でシミュレートして、WebInspectorとColorSelectorでグレースケールや各色覚特性の見え方を目視確認。
+ 1、2の結果を踏まえ、[[ColorDoctor:http://jp.fujitsu.com/about/design/ud/assistance/colordoctor/]]でシミュレートして、WebInspectorとColorSelectorでグレースケールや各色覚特性の見え方を目視確認。
** WebInspectorによるチェック [#j7b00fb9]
** チェックの基準 [#r131b24a]
- 検索結果がWebページとして表示されるためここでは割愛いたします
- 一般(晴眼者)基準
- 白内障者(弱視者)の基準
- 第一色覚-赤(色覚特性)の基準
- 第二色覚-緑(色覚特性)の基準
- 第三色覚-青(色覚特性)の基準
** ColorSelectorによるチェック [#g9ecb5a2]
- 文字色と背景色をスポイトで指定して判定
- 判定結果の項目
-- 一般(晴眼者)
-- 白内障(弱視者)
-- 第一色覚(赤)(色覚特性)
-- 第二色覚(緑)(色覚特性)
-- 第三色覚(青)(色覚特性)
- 評価は0〜3の4段階
-- 3はOK! 良くない程度に応じて0〜2の評価
** ColorDoctorによるチェック [#f099dbd1]
- 変換フィルタで画像を変換し目視でチェック
-- グレースケール
-- 第一色覚(赤)
-- 第二色覚(緑)
-- 第三色覚(青)
** チェックするページ [#fb3cc960]
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
Tシャツ(白) : 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
//デモサイトでは注文ステータスが変更できず、決済後のDL商品のダウンロード画面が開けず?
マイページ : 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によるチェック結果 [#nae76812]
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
#blikifooter(近藤)