今回作成したテンプレート「smart」は、JIS X 8341-3:2010の7.2.4.1 ブロック・スキップに関する達成基準 (達成等級 A)を満たすよう また キーボードで操作されているかたにも情報が得られるようフォーカス時にスキップナビゲーションが表示されるようにしております。
作成したテンプレート「smart」は、オビタスター株式会社様のアクセシビリティテンプレートのページに掲載していただいています。
スタイリッシュテンプレート「smart」は、音声でのネットショッピングを考慮し(より早く商品情報を得られ、買い物をしやすくする為)、左ブロックより先にメインコンテンツ(中央ブロック)を読み上げさせる(認識させる)為に、中央ブロックを先読みさせており、
ページの初めにスキップナビゲーションも設置しています。
スキップナビゲーションは、キーボードで操作されているかたにも情報が得られるようフォーカス時に表示されるようにしております。
また、アクセシビリティに配慮し、背景色と文字色コントラスト比率は、WCAG 2.0 の基準レベルAAを満たしております。
ユーザー補助のオプションでハイコントラスト 黒 に設定した際も情報が消えてしまう事がないようにしております。
音声読上げソフト利用者の方にわかりやすいように、お問い合わせページとログイン関係ページは、入力必須項目を現す[必須]や注意事項を情報入力前に移動させ、検索フォーム部分はlabel要素を用いてテキストボックスと関連付けしております。
そして、音声読上げソフト利用者のかたにも正確に情報が伝わるように 言語ファイルを変更しております。
注意事項が見やすいように言語ファイルを変更しております。
有料配布となっているのですが、良ければ見て下さい。
'Zen Cartのテンプレート作成第三弾'について他のサイトでは次のように言及されています:
[...] tweet 2 tweets tweet 2 All 0 Influential(window).load(function(){$('#side-ad-block').oneriot_ads();~); Zen Cartのテンプレート作成第三弾 - White Stagewhite-stage.com/article.php/zencart-template3 – view page – cached [...] 続きを読む
サイト管理者はコメントに関する責任を負いません。