Zen Cart日本語版のアクセシビリティ対応/PC-Talkerでチェック http://www.ark-web.jp/accessibility/559.html
Zen Cart日本語版のアクセシビリティ対応/PC-TalkerでチェックJIS:2009 追加テスト基準 †
7.1.3.2 意味のある順序に関する達成基準(A) †
- コンテンツが提供されている順序がその意味に影響を及ぼすときには正確な読み上げ順序をプログラムで解釈可能にしなければならない。
- 次アクション:表以外もそのようになっているかテストする
7.2.4.1 ブロック・スキップに関する達成基準(A) †
- 複数のウェブページ上で繰り返されているコンテンツのブロックを通過できるメカニズムが利用可能でなければならない。
- 次アクション:これはメニューとリンク以外もカバーしている? 付属文書にあたり、必要なら追加テストを。
- HPRより読み上げ能力が高い(個人の好みに合わせて細かく設定もできる)
- 問題点はHPRのテストとキーボード操作のテストでほとんどカバーできている。
- テキストボックス、チェックボックスの読み上げの不具合
- 入力項目(テキストボックス、チェックボックス、ラジオボタン)があった場合、「-直前のテキスト-の文字入力」と読んでしまう。直前のテキストが入力項目と一致しない場合に不具合が起こる。これはPC-Talkerの設定の問題?
具体的には以下。
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.ark-web.jp/zen-template-project/index.php?main_page=shopping_cart
- 数量入力のテキストボックスが「XXXX円の文字入力」と読まれる
→ 「数量の文字入力」にする
- ゴミ箱の下のチェックボックスが「小計:XXXX円の切り替え(チェック無し)」と読まれる正しく読まれない。
→ 「カートから削除するの切り替え」が妥当か。
- テーブル:左上から順番に読まれ、今読まれている項目が何なのか分かりにくい。
→ マークアップを見直した方が良いのでは?
音声ブラウザとth要素
http://www.kanzaki.com/docs/html/tbl-access.html#th-el
scope属性
http://www.kanzaki.com/docs/html/tbl-access.html#scope
お届け先と配送方法を記入してください : Zen Cart [日本語版] :, The Art of E-commerce †
http://zen-cart.ark-web.jp/zen-template-project/index.php?main_page=checkout_shipping¶
- 定額料金のラジオボタンの所で「日本通運ペリカン便 (1箱 重量:3.25kg)の選択」と読んでしまう。
→ 定額料金のラジオボタンの右に「定額料金」というテキストを追加
お届け先を変更する : 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.ark-web.jp/zen-template-project/index.php?main_page=checkout_payment_address
- 「続ける」ボタンが最後に読まれるように
ご注文内容を確認してください : Zen Cart [日本語版] :, The Art of E-commerce †
http://zen-cart.ark-web.jp/zen-template-project/index.php?main_page=checkout_confirmation
- IE6でレイアウトが崩れているっぽい(FF3の方が良い)
- 「配送先住所」や「ご請求先住所」など各ブロックで「編集」が見出しの次に読まれてしまう。
→ 「編集」がブロックの中で最後に読まれるようにしたい。
- カートの内容のテーブル
- マークアップの見直し(上記同様)
- 「ご注文の確定」ボタンが「最終確認 → この内容で~」の前に読まれる。
→ 順番を入れ替え、「ご注文の確定」ボタンが最後に読まれるように。
- カートの内容のテーブル
- マークアップの見直し(上記同様)
- 「ご注文の確定」ボタンが「最終確認 → この内容で~」の前に読まれる。
→ 順番を入れ替え、「ご注文の確定」ボタンが最後に読まれるように。
禅太郎's セレクト(リンク商品) : Zen Cart [日本語版] :, The Art of E-commerce †
http://zen-cart.ark-web.jp/zen-template-project/index.php?main_page=index&cPath=21
- 分類のプルダウン: (キーボードで操作する場合)選ぶと同時にリンク先に飛んでしまうため、最初のメニュー意外を選べない。
⇒ 実行ボタンをつける
(1. プルダウンで選択 → 2. 実行ボタン[GO!] をクリックしてリンク先へ)
ダウンロード商品例(複数ファイル) [DOWNLOAD2] - 5,000円 : Zen Cart [日本語版] :, The Art of E-commerce †
- 読み上げの順番: [カートに加える]ボタン → モデル: DOWNLOAD2、1000 在庫量 → 「商品タイプを選択して下さい: マニュアル~ソフト本体」
⇒ モデル: DOWNLOAD2、1000 在庫量 → 「商品タイプを選択して下さい: マニュアル~ソフト本体」 → 「カートに入れる~」 に。
おすすめ商品 : Zen Cart [日本語版] :, The Art of E-commerce †
http://zen-cart.ark-web.jp/zen-template-project/index.php?main_page=featured_products&disp_order=1
- プルダウンメニューに実行ボタンを。
送料無料タイプ商品の例 [TYPE_P_FREESHIP] - 4,000円 : Zen Cart [日本語版] :, The Art of E-commerce †
- 読み上げの順番: モデル: DOWNLOAD2、1000 在庫量 → 「カラーを選択してください~」 → 「カートに入れる~」 に。
マイページ : Zen Cart [日本語版] :, The Art of E-commerce †
http://zen-cart.ark-web.jp/zen-template-project/index.php?main_page=account
- テーブルのマークアップ
音声ブラウザとth要素
http://www.kanzaki.com/docs/html/tbl-access.html#th-el
scope属性
http://www.kanzaki.com/docs/html/tbl-access.html#scope
ご注文情報 : Zen Cart [日本語版] :, The Art of E-commerce
http://zen-cart.ark-web.jp/zen-template-project/index.php?main_page=account_history_info&order_id=13
- テーブルのマークアップ
詳細検索 : Zen Cart [日本語版] :, The Art of E-commerce †
http://zen-cart.ark-web.jp/zen-template-project/index.php?main_page=advanced_search
- 「検索条件を選択してください」の入力ボックス
- 前に読んでいた「検索ヘルプ[?]」を引きずって「検索ヘルプ[?]の文字入力」と読んでしまう。
⇒ PC-Talkerの仕様による。共通ヘッダの検索入力ボックスと同じ現象。
これを避けるには、テキストボックスの前に「検索条件」というテキストを入れるしかない?
- 前に読んでいた「検索ヘルプ[?]」を引きずって「検索ヘルプ[?]の文字入力」と読んでしまう。