きょうされんTOMO市場

きょうされん事務局様
http://www.tomoichiba.jp/

障害のある方が働く作業所が出店していることや障害のある方がサイトを利用することを想定し、Webアクセシビリティに配慮したショッピングモールを『EC-Next』で構築しました。

きょうされんTOMO市場

Webアクセシビリティについて

Webアクセシビリティとは、Webを利用するすべての人が年齢や身体的制約または利用環境などに関係なくアクセスすることが可能で、提供されている情報を共有し、コンテンツや機能を利用できる状態にあることを表します。 Webアクセシビリティに配慮することは、障害者や高齢者への対応といった限定された意味合いだけでなく、より多くのユーザーによるサイト利用を可能にしたり、検索エンジンにも効果的であるためアクセスアップにつながります。また、Webアクセシビリティに配慮すること自体がサイト運営者の取り組みとして重要な意味があると言えます。

Webアクセシビリティに配慮したサイト構築

W3Cのウェブコンテンツ・アクセシビリティ・ガイドラインやJIS X8341-3などの指針をもとにサイトを構築しました。以下に作成時のチェックポイントをご紹介します。

■キーボードのみで操作ができるか
■音声ブラウザ(HPR4.03)のみで操作ができるか
■Javascriptを使用せずに操作ができるか
■テキスト以外の要素には、必ず同等の役割を果たすテキストをつけているか
■色によって表現されている情報は、その色を再現できない環境でも得られるか
■スタイルシートがない状態でもすべての情報が得られるようにHTML文書を作成しているか
■表(table)要素を使用する場合、音声ブラウザで正しい順序で読み上げられているか

Webアクセシビリティに配慮したサイト構築

左はキーボードのみ・音声ブラウザのみで操作をする場合に、どのページにも共通なヘッダーメニュー部分を飛ばし、すぐに本文へ移ることができるように配慮した「本文へジャンプ」リンク。通常は非表示となっています。

 

主な機能

■スペシャルセール(お買い得商品のみを紹介する商品一覧ページ)
■定休日と配達希望日(指定可能開始日)の連動
■商品一覧の商品画像あり・なし表示
■サイト内商品検索とショップ内商品検索
■エリアからショップを探す(都道府県別ショップ検索)
■モール・ショップ・商品のお問い合わせフォーム
■出店作業所の紹介ページ編集
■販売管理・売上管理機能