Zen Cart日本語版のアクセシビリティ対応/ホームページリーダーのチェック+α http://www.ark-web.jp/accessibility/252.html
Zen CartをHPR（ホームページリーダー）でチェックした結果と、気づいたところをメモ書きですがwikiります。
これらはできるところから直していきます。
まずはホーム。
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
共通 †
- 長すぐる。。//顧客案件ではカテゴリ数は8つ以内にしたほうがいいぜよ
- ロゴのalt「Powered by Zen Cart[日本語版]: The Art of E-Commerce [home link]」
- [home link]→[ホームにもどる] //ホームだけ出さないってのは無理か
- スキップメニューを設ける
- ヘッダのカテゴリの前に「カテゴリ」と隠しテキストがあるとよい
- 精算する≫(右二重角引用符と読み上げ) → ≫は使わない
- マークアップ順：左、中央、右の順だが中央、左、右の順がよい（IE6でリキッドは捨てる）
- \マーク読み上げない！！！！！！！！！！！。\4,180→「4,180円」
- 取り消し線はわからないので「5,000円（のところ）4,000円」（カッコはCSSで非表示？）などに
- （割引: 50%OFF はちゃんと読む）
- 商品画像（商品名）、商品名（商品名）と読む→「商品画像（商品名の画像）、商品名（商品名）」のほうが？
- 予約販売など、日付が2009/09/09表記→「2009年09月09日」
- 「1から9 を表示中 (特価商品の数: 21)」は日本語としておかしい→「特価商品 全21商品のうち 1件目から9件目を表示中)」とか？
- この商品は2007年01月18日(木)に登録されました。
→この商品は2007年01月18日 木曜日に登録されました。
サイドボックス †
- 「Ｔシャツ（カラー）-> (38)」の意味がわからない
- 「->」ってそもそもいるんだっけ？文字列でなくデザインで処理？
- （38商品）という表記にする？
- moreはないだろ。→「一覧」に
- 星のalt「5点 5点満点」→「平均評価：5点満点中5点」に。
- メーカー、音楽ジャンル、レコード会社、通貨は実行ボタンが必要（キーボードで項目変更できない）
- 「書類」ってラベリングはどうなの？
- 「現在 5 人のゲスト がご来店中です。（5ひとのゲスト、と読む）」→5と人の間の半角スペーストル
ログイン †
ログイン : 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
- （このページはラベリングを再考したほうがよい。晴眼者にとってもわかりにくい）
- （フォーカスがメールアドレスのテキストフィールドに行っているので、途中の余計なものを読み上げないのはいいのだが、「Eメールアドレス」と項目名を読み上げないので、この点はわかりにくいかも？）
- 【初めてのご来店・未登録の方は】を読み上げる直前で、「内部エラーが発生しました」と言われる （※要調査）
- 赤字「- 必須項目」→「必須項目はすべて入力してください」とかに？
- 個人情報保護方針は<link>こちら</link>。→「<link>個人情報保護方針のページを確認ください</link>」とか？
- というかここ文言わかりにくくないか？同意される場合、ってなんか変。なにをして欲しいのかが不明瞭。
- 「住所、男性、女性」と読まれるので、「住所：男性or女性」のように聞こえる
- 性別はここにあるべきなのか？もしくはラベリング再考。
- 姓（漢字）/姓（ひらがな）/名（漢字）/名（ひらがな）/
- 住所ってラベリングはどうなの？
- 年齢の確認ってラベリングはどうなの？
- 「*」が「アスタリスク」と読まれる
- →「必須」と書く
- →項目見出し内に移動する
- →入力例も項目見出し内に移動する
- (記入例 1970/05/21)→西暦で入力（1970/05/21） //ここは年月日で入力したらあかんのか。。スラッシュ読みまへんがな。項目分けるとか？
- 「ログイン」というラベルだとここでログインできるように錯覚する。
- 「ログイン情報？」
- 「ログインするときに使うメールアドレスとパスワードを入力してください」という説明文が欲しい
- 「 [チェックなし。] ニュースレターを購読する[ON。] HTML形式[OFF。] テキスト形式[送信: 画像ボタン。] 」と読む
- 項目が連続して聞こえる。追加説明文などが必要。
ログイン（エラー表示） †
- フォーカスがメールアドレスに行っていることが逆効果に。
エラーメッセージがメールアドレス欄より前なので、読み上げられることがない。
パスワードを忘れたら †
http://zen-cart.jp/zen-cart-v1.3.0.2-l10n-jp-4/index.php?main_page=password_forgotten
- 必須項目は項目見出し内に
パスワードを忘れたら（エラー表示） †
- エラーメッセージまでの距離が長い。。
パスワードを忘れたら（完了表示） †
- ログイン画面にリダイレクトするのだが、フォーカスがメールアドレスなのでその上にある完了メッセージに気づかない
商品一覧 †
Ｔシャツ（白） : 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
- サブカテゴリの前になにか説明いらないのかな？
- 商品画像、商品名の繰り返しなので、商品画像のaltはいらない？
- \マークは読まれないので「1,000円」の表記
- 「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_info&products_id=9
- カテゴリ画像もaltなしでよい？
- 商品2/4（商品にいよん）→ 「4件中2件目の商品」とか？
- 「前へ」「商品リストへ戻る」「次へ」が何を指しているかわからない
- → 「前の商品へ」「猫シリーズ（白）トップにもどる」「次の商品へ」とか？
- 円マーク
- カートに入れる[1] → カートに入れる 個数：[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_reviews_write&products_id=9
- 星が読み上げられない。altに「☆」とか入っている→「評価1」「評価5」に
- 注意はテキストエリアの上にもってくる
- （//レビューページへボタンで、レビュー全体に行くの？その商品のレビューじゃないの？）
レビュー（レビュー全体） †
http://zen-cart.jp/zen-cart-v1.3.0.2-l10n-jp-4/index.php?main_page=reviews
- 1から2 を表示中 (レビュー数: 2) →「全レビュー2件のうち 1件目から2件目を表示中)」
- 星がまったく読み上げられない
- 「登録日: 2008/11/18」→「登録日: 2008年11月18日」
- 「レビューを読む」は「続きを読む」の意味らしい。。わかりにくい。「このレビューの続きを読む」？ //ボタンに入らない。
- 「レビューを読む」「商品の詳細情報へ」はブロックの最後にマークアップすべき
- alt「この商品レビューを読む」or「びちっこのレビューを読む」、「この商品の詳細情報へ」or「びちっこの詳細情報へ」にする？
レビュー（商品のレビュー個別詳細） †
- レビュー（レビュー全体）と同じ
レビュー（商品のレビュー一覧） †
http://zen-cart.jp/zen-cart-v1.3.0.2-l10n-jp-4/index.php?main_page=product_reviews&products_id=51
- レビュー（レビュー全体）と同じ
ショッピングカート †
http://zen-cart.jp/zen-cart-v1.3.0.2-l10n-jp-4/index.php?main_page=shopping_cart
- （ここ晴眼者でもわかりにくいかも）
- 金額表記は「4,000円」
- 品名 単価 数量 合計 ゴミ箱 の順番に変更すべき
- 商品画像のaltはなしか、○○の画像にする？
- 更新アイコンボタンalt [ハイライト表示されている数量を訂正しこのボタンをクリックしてください。]→[数量を訂正しこのボタンをクリックしてください。]？ //だれかー
- (HPRがtableの読み上げのとき、「1 数量」「4,000円 合計」と読むのは仕様なんだろうけど違和感があるなあ。。)
- ゴミ箱のalt[このアイコンをクリックするとこの商品がカートから削除されます。。]→「（商品名）をカートから削除する」
- 「ヘルプ（新しいウィンドウで開きます）」に。
- というか、ヘルプの内容はincludes/languages/japanese/shopping_cart.php にあらかじめ書いておくとか。。
- 一括更新できることを書く。「このカートでは商品の数量変更と削除を一括することができます。1.数量変更の場合は、数量フィールドに数値を入力します。2.削除したい商品のチェックボックスをを選択します。3.最後に一括更新ボタンをクリックします。これで、カートの中身を一度で更新することができます」とか
- 送料計算ボタンalt→「送料計算（新しいウィンドウで開きます）」
- 下にある更新ボタンは文字ボタンにして、alt「カートの中身を一括更新する」
- カートを更新したときに更新したことがわからない
ショッピングカートのヘルプ †
http://zen-cart.jp/zen-cart-v1.3.0.2-l10n-jp-4/index.php?main_page=info_shopping_cart
- 日本語としてわかりづらいわー
送料計算 †
http://zen-cart.jp/zen-cart-v1.3.0.2-l10n-jp-4/index.php?main_page=popup_shipping_estimator
- 金額表記は「4,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=checkout_shipping
- 読み上げ順が、住所変更ボタン、住所、「ご注文の品物は左記の住所にお届けします。...」になっているので、
- 「ご注文の品物は左記の住所にお届けします。...」、住所、住所変更ボタン、に変更
- 文言変更「ご注文の品物は以下の住所にお届けします。お届け先の変更ボタンをクリックしてお届け先を変更できます。」
- 「住所を変更」は「お届け先の変更」に？ //画像共通だったりする？
- 「次画面に進んでください->お支払い方法を選択」→「次の画面（お支払い方法を選択）に進んでください」
- 「注文手続きへ」ボタンは一番最後に移動（左テキストよりソース上うしろに）
- 「注文手続きへ」ボタンは、ボタン自体を「注文手続きを続ける」に
- 金額表記は「4,000円」
- 日本通運ペリカン便 (1 x 4.65kg) ってどういう意味？「日本通運ペリカン便 (1箱 重量：4.65kg) 」？？
- 「お届け時間帯」→「お届け時間帯の指定」
- 「United Parcel Service」と「United States Postal Service」の前で「内部エラーが発生しました」と言われる
お支払い情報を記入してください : 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
- ご請求先住所:（ごせいきゅうせんじゅうしょ）と読む
- 住所変更ボタン→住所→説明文なっているので、
- 説明文→住所→住所変更ボタン、に変更
- 説明文文言変更「ご請求先住所は以下の通りです。クレジットカードをご利用の場合はカード会社にご登録の住所と同じ住所にしてください。住所を変更される場合は「住所の変更」ボタンをクリックしてください。」
- 総額のところ、ソース上「金額→項目」の順になっているのを「項目→金額」に修正
- 文言変更「お客様のクーポンコードを引き換えコードの欄に入力してください。クーポンは合計に対して適用され、続けるをクリックした後カートに反映されます。」
- お支払い方法を選択してくださいのあとに、選べる種類を列挙したい
- REMISE（りまいず）と読まれる。REMISE（ルミーズ）と書く？
- 「次画面に進んでください->お支払い方法を選択」→「次の画面（ご注文の最終確認）に進んでください」
- 「注文手続きへ」ボタンは一番最後に移動（左テキストよりソース上うしろに）
- 「注文手続きへ」ボタンは、ボタン自体を「注文手続きを続ける」に
請求先住所を変更してください : 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
- 下記商品についてお知らせメールを希望する が唐突。
- 文言を追加。「今回お買い上げの商品のお知らせメールを受け取ることができます。ご希望の場合は商品チェックを入れて、更新ボタンをクリックしてください」
- ご注文番号のブロックは、手続完了メッセージの次に移動するべき
ご注文完了メール †
- 金額表記を「円」に
- 1 x ダウンロード商品例（複数ファイル） (DOWNLOAD2) = ￥5,000 →
- ダウンロード商品例（複数ファイル） (DOWNLOAD2) 1点 5,000円
商品一覧で「選択した商品をカートに入れる」 †
http://zen-cart.jp/zen-cart-v1.3.0.2-l10n-jp-4/index.php?main_page=index&cPath=21
- 追加[0] の数字を変えてボタンを押す、という操作がわかりにくい気がする…（「選択」でなく実際の行為は「入力」だから？）
- （説明をつける？いや、説明をしないで済む文言はないか？）
- 追加[0] → 追加数量[0]
- 「選択した商品をカートに入れる」→「数量指定してまとめてカートに追加」？ //ウーム…誰かー
ダウンロード商品例（複数ファイル） [DOWNLOAD2] - ￥5,000 : Zen Cart [日本語版] :, The Art of E-commerce †
- 「選択して下さい: 」→「商品タイプを選択して下さい: 」
- 【保留】(ステータス変更できない？のでダウンロードは試せず)
【例3】価格お問い合せ商品（定価とセール価格表示） [CALL3] - ￥9,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&products_id=101
のalt「価格問い合わせ」→「価格はお問い合わせください」- 「価格お問い合わせ商品」のリンク文言→「（この商品の）価格を問い合わせる」
おすすめ商品 : Zen Cart [日本語版] :, The Art of E-commerce †
http://zen-cart.jp/zen-cart-v1.3.0.2-l10n-jp-4/index.php?main_page=featured_products
- 説明文のある右ブロックを、商品写真のある左ブロックより先にマークアップする
- 「登録日: 2007年01月16日 火曜日」
- 「選択した商品をカートに入れる」の件
送料無料タイプ商品の例 [TYPE_P_FREESHIP] - ￥4,000 : Zen Cart [日本語版] :, The Art of E-commerce †
- チェックボックス
- イエロー(￥2,000) →イエロー（2,000円増し）
- イエロー(+20kg)→イエロー（20kg増し）
ほかの商品タイプも見ないとかもですが、とりあえず。
マイページ : 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
- ご注文履歴 → ご注文履歴（最新の3件） //ここの数って管理画面で変わらないよね？
- 「No」→ご注文番号
- 「表示」→詳細
- 日付表記、金額表記
ご注文履歴 : 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
- 「ご注文日: 2009年02月12日(木)」 →「ご注文日: 2009年02月12日 木曜日」
- 「品名: 3」→「商品数: 3」
- 「表示」ボタンは「詳細」のほうがよい？
- 「1から5 を表示中 (ご注文数: 5)」→「ご注文全5件のうち 1件目から5件目を表示中)」
ご注文履歴 : 詳細のほう †
http://zen-cart.jp/zen-cart-v1.3.0.2-l10n-jp-4/index.php?main_page=account_history_info&order_id=102
- ご注文日: 2009年02月12日 木曜日
- ご注文情報 - ご注文番号 #102 →マイナスじゃないものにする（※）
- 商品名、数量、総額の順に
- x1（えっくすいち）→ 1点
- 小計〜合計のtableは、項目/金額の順にマークアップ。
- ご注文情報のtable="summary"が英語のまま
- Itemized listing of previous order, includes number ordered, items and prices
- 「ご注文内容の、商品名、点数、金額を一覧表示しています」//だれかー
- 履歴とコメントのtable="summary"が英語のまま
- Table contains the date, order status and any comments regarding the order
- 「このご注文の、日付、注文状況、その他コメントの履歴を表示しています」//だれかー
登録情報変更 : 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 †
- タイトルタグ、「○○の検索結果」にしたい
- h1も「○○の検索結果」にしたい
- 1から2 を表示中 (商品の数: 2)→「検索結果全2件のうち 1件目から2件目を表示中)」
- 商品一覧で「選択した商品をカートに入れる」と同じ
- 追加[0] → 追加数量[0]
- 「選択した商品をカートに入れる」→「数量指定してまとめてカートに追加」？ //ウーム…誰かー
詳細検索 : 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
- 「登録日で検索」 →「登録日で検索（西暦で8桁で入力してください 例：2009年9月9日なら、2009/09/09）」
- スラッシュなしでも通るようにできないか？（スラッシュは読み上げないため）
お問い合わせ : 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
- エラーは見出し（h1）直下のほうがよい
- h1出てない？
- 完了画面の完了メッセージもh1直下がよい
感想 †
- \（円）マーク読み上げないの、致命的。ショッピングサイトとしてあほあほ
- テストをしていて思ったのは、メインコンテンツまでの距離が長すぎて使えないと思う。
- 途中のナビゲーションはざっくり非表示するCSSを用意する。遷移すると、「ホーム | ログアウト | マイページ...清算する」以降からパンくずまではざっくり非表示になるので、ストレスが減るのでは？
- 音声ブラウザの方はこちらをクリック → クリックでCSS切り替え。選んだCSSはcookieで保存。
- うまくいくかどうかはまだ不明。
コメント欄 †
by 株式会社アークウェブ
アークウェブのアクセシビリティへの取り組み(WCAGやJIS X 8341-3、WAI-ARIAなど)についてまとめる場所です
menu
Tag
>>more...
最新の20件
