本文へ


Zen Cartのテンプレート作成第三弾

  • 2010年November12日(Fri) 12:28 JST

今回作成したテンプレート「smart」は、JIS X 8341-3:2010の7.2.4.1 ブロック・スキップに関する達成基準 (達成等級 A)を満たすよう また キーボードで操作されているかたにも情報が得られるようフォーカス時にスキップナビゲーションが表示されるようにしております。

作成したテンプレート「smart」は、オビタスター株式会社様のアクセシビリティテンプレートのページに掲載していただいています。

スタイリッシュテンプレート「smart」は、音声でのネットショッピングを考慮し(より早く商品情報を得られ、買い物をしやすくする為)、左ブロックより先にメインコンテンツ(中央ブロック)を読み上げさせる(認識させる)為に、中央ブロックを先読みさせており、 ページの初めにスキップナビゲーションも設置しています。
スキップナビゲーションは、キーボードで操作されているかたにも情報が得られるようフォーカス時に表示されるようにしております。
また、アクセシビリティに配慮し、背景色と文字色コントラスト比率は、WCAG 2.0 の基準レベルAAを満たしております。
ユーザー補助のオプションでハイコントラスト 黒 に設定した際も情報が消えてしまう事がないようにしております。
音声読上げソフト利用者の方にわかりやすいように、お問い合わせページとログイン関係ページは、入力必須項目を現す[必須]や注意事項を情報入力前に移動させ、検索フォーム部分はlabel要素を用いてテキストボックスと関連付けしております。

そして、音声読上げソフト利用者のかたにも正確に情報が伝わるように 言語ファイルを変更しております。

  • languages/japanese/other_images_names.phpの41行目から45行目の
    ☆、☆☆、☆☆☆、☆☆☆☆、☆☆☆☆☆を
    星5:最高、星4:良い、星3:普通、星2:悪い、星1:最悪に変更しました。
  • /languages/japanese/smart/gv_faq.phpの66行目の上の質問の中を次の質問の中に変更しました。
  • languages/japanese.phpの278行目の * 必須項目を※[必須]は入力必須項目です。に変更しました。
  • languages/japanese.phpの204行目、207行目、210行目、214行目、217行目、221行目、 226行目、233行目、239行目、244行目、248行目、251行目、254行目、266行目、268行目、 270行目、273行目、279行目の* を [必須]に変更しました。
  • languages/japanese.phpの605行目の 個人情報保護方針はこちらをお客様の個人情報の取り扱いについては、当店の個人情報保護方針をご参照くださいに変更しました。
  • /languages/japanese.phpの607行目の住所を性別・氏名・住所に変更しました。
  • /languages/japanese/smart/product_info.phpの19行目の 「在庫量」を「在庫量:」に変更しました。 (個別商品購入ページの商品説明文下「998在庫量」を「在庫量: 998」に変更した為)

注意事項が見やすいように言語ファイルを変更しております。

  • languages/japanese.phpの221行目の[必須] (記入例 1970/05/21)');を
    [必須] <br ⁄>(記入例 1970/05/21)');に変更し、
    266行目の[必須] (半角英数字で最低' . ENTRY_PASSWORD_MIN_LENGTH . '文字以上)')を
    [必須]<br ⁄> (半角英数字で最低' . ENTRY_PASSWORD_MIN_LENGTH . '文字以上)')に変更しました。

有料配布となっているのですが、良ければ見て下さい。