E-Commerce Magazine[転載元] 10/2 7:00

みなさんは「ウェブアクセシビリティ」という言葉をご存知でしょうか? Webサイトを使う人の年齢や障害の有無などに関わらず、誰でもWebサイトを利用できることを意味する言葉です。

今や、ECサイトを含むWebサービスは多くの人にとって生活に欠かせないインフラになりました。また、2024年4月1日に改正障害者差別解消法が施行され、障害のある人への合理的配慮が民間事業者に義務化されたこともあり、EC業界でも「ウェブアクセシビリティ」に改めて注目が集まっています。この記事では「ウェブアクセシビリティ」の概要や重要性、メリットなどをわかりやすく解説するとともに、ECサイトにおける「ウェブアクセシビリティ」改善の具体例を紹介します。

ウェブアクセシビリティとは?

ウェブアクセシビリティとは、Webサイトを使う人の年齢や障害の有無などに関わらず、誰でもWebサイトを利用できることを意味する言葉です。

Webサイトを指す「ウェブ」と、“近づきやすい”“アクセスできる”といった意味を持つ「アクセシビリティ」を組み合わせた単語で、直訳すると「ウェブ(の情報やサービス)にアクセスできる」といった意味になります。

ウェブアクセシビリティが確保されているWebサイトとは、一般的に次のような状態であることが望ましいとされています。

  • 目が見えなくても、Webサイトに掲載されている情報が伝わり、操作できる
  • 一部の色を区別できなくても情報が欠けない
  • キーボードだけで操作できる
  • 耳が聞こえなくても、動画や音声コンテンツの内容を理解できる

参考:デジタル庁「ウェブアクセシビリティ導入ガイドブック」(9ページ、2024年3月29日発行)

ウェブアクセシビリティの具体例

ウェブアクセシビリティを実現するための主な取り組みは、次のようなものがあります。

  • 文字に色をつけるときや画像に文字を書き込むときに、文字の背景色とのコントラスト比を高くする
  • 単語の文字間にスペースやタブを用いない。文章の折り返し位置を調整するためにスペースや改行を使わない
  • キーボードだけで操作できるようにする。また、キーボードで操作した時、フォーカスしている部分を認識しやすいようにする
  • SNSやブログに画像・写真を投稿する時に代替テキスト(alt属性)をつける
  • リンクであることを認識しやすくし、リンクテキストだけでリンク先の内容を予想できるようにする
  • 色だけで情報を区別しないようにする
  • 映像コンテンツには字幕をつける

出典:政府広報オンライン「ウェブアクセシビリティとは? 分かりやすくゼロから解説!」

ウェブアクセシビリティを確保するために必要な取り組みは多岐にわたりますが、今回はデジタル庁が公表している「ウェブアクセシビリティ導入ガイドブック」に沿って具体例の一部を紹介します。

ウェブアクセシビリティを推進する取り組みの1つは、画面読み上げソフト(スクリーンリーダー)を使う人に配慮してコンテンツを作ること。たとえば、写真や画像に代替テキスト(alt属性)をつけると、目が見えなくても写真や画像の内容を音声で理解することができます。

また、単語の間にスペース(空白文字)があるとスクリーンリーダーで正しく読み上げられません。文字間隔の調整にスペースを使わないといったことも大切です。

コンテンツの順番にも配慮すると、Webサイトに記載されている内容が伝わりやすくなります。そして、テキストリンクを設置する際は、テキストの文言でリンク先の内容を予想できるようにすることも大切です。

ウェブアクセシビリティ フューチャーショップ 文字間隔の調整に空白文字(スペース)を使うと、スクリーンリーダーで正しく読み上げられないことがある
ウェブアクセシビリティ フューチャーショップ ボタンの前に同意事項が読み上げられないと何に同意するかわからない

色の区別がつきにくい人に配慮することも重要です。テキストに色をつける場合は、文字と背景のコントラスト比を高めると良いでしょう。入力必須の項目などを強調する場合は、色だけで表現することを避けると、ウェブアクセシビリティの改善につながります。

ウェブアクセシビリティ フューチャーショップ 文字と背景のコントラスト比を高める 色だけで表現することを避ける

近年はECサイトに動画を掲載するケースも増えています。音声を聞き取りにくい人のために、動画に字幕をつけるとウェブアクセシビリティを確保することができます。

このほかにも、ウェブアクセシビリティを高める具体的な方法は「ウェブアクセシビリティ導入ガイドブック」に掲載されています。ECサイトのウェブアクセシビリティを確保したい事業者さんは参考にしてださい。

【参考資料】デジタル庁「ウェブアクセシビリティ導入ガイドブック」(2024年3月29日発行)

なぜウェブアクセシビリティが重要なのか?

ECサイトを含めたWebサービスが多くの人にとって生活のインフラになった現在、あらゆる人にとって使いやすいWebサイトやECサイトを作ることの重要性は、これまで以上に高まっています。

国内のインターネット利用率は2022年時点で84.9%です総務省「情報通信分野の現状と課題」。ネットショッピングの利用率(2人以上の世帯)は52.7%でした総務省「2022年 家計消費状況調査 結果の概況」。こうした数字を踏まえると、行政サービスや災害情報などを掲載したWebサイトはもちろんのこと、ECサイトを含めたWebサービスは多くの人の生活を支えていると言えるでしょう。

なお、2022年時点で障害者手帳を持つ人の人数は、厚生労働省の推計で「視覚障害」が27万3000人、「聴覚・言語障害」は37万9000人です厚生労働省「令和4年生活のしづらさなどに関する調査 (全国在宅障害児・者等実態調査)結果の概要」。また、高齢者(65歳以上)の人数は3623万6000人で総人口の29.0%を占めています総務省「人口推計(2022年(令和4年)10月1日現在)」

2024年4月に改正障害者差別解消法が施行

ウェブアクセシビリティに注目が集まっている理由の1つに、障害者差別解消法(障害を理由とする差別の解消の推進に関する法律)が改正されたことがあります。改正法は2024年4月1日に施行されました。

今回の改正によって、障害のある人に対して合理的配慮を行うことが民間事業者にも義務づけられました。また、合理的配慮を行うための環境整備を努力義務として課しています。

そして、Webサイトの運営において、ウェブアクセシビリティを確保することは、障害のある人に合理的配慮を行うための環境整備の1つであるとされています。政府はウェブアクセシビリティを確保することは努力義務であるという見解を示しています。

障害のある人への合理的配慮とは、社会生活の中にあるバリア(障壁)を取り除くために何らかの対応を必要としている場合には、負担が重すぎない範囲で対応することです。例えば、日常生活であれば「駅員が車いすの乗客の手助けをする」「窓口で筆談、手話などを用いて意思疎通する」といったことです。

また、その合理的配慮を的確に行うため、環境の整備が努力義務となっており、ウェブサイトの場合ではJIS X 8341-3:2016に準拠したウェブサイトを作り、ウェブアクセシビリティを確保することがこれに当たります。政府広報オンライン「ウェブアクセシビリティとは? 分かりやすくゼロから解説!」より引用)

ウェブアクセシビリティに対応するメリット

ウェブアクセシビリティを意識したWebサイトを作ると、サイトを運営している事業者さんにもメリットがあります。ECサイトのウェブアクセシビリティを高めることで得られる主なメリットとして次の3つがあります。

  1. ECサイトの利便性が向上し「顧客から選ばれる理由」になる
  2. 画像にalt属性をつけるとSEO効果が期待できる
  3. 企業イメージの向上につながる

ECサイトの利便性が向上し「顧客から選ばれる理由」になる

ECサイトのウェブアクセシビリティを確保すると、障害を持つ人や高齢者など多くの人にとって買い物がしやすい環境を整えることができます。そのことがECサイトの差別化要因となり、顧客から選ばれる理由の1つになるでしょう。

画像にalt属性をつけるとSEO効果が期待できる

Webサイトの写真やイラストなどの画像ファイルにalt属性(代替テキスト)をつけると、検索エンジンのクローラーが画像のalt属性を読み取り、画像の内容を理解することで、検索結果に表示されやすくなるとされています。

企業イメージの向上につながる

改正障害者差別解消法が施行されたこともあり、あらゆる人に配慮したWebサイトやECサイトを作ることの社会的な意義が高まっています。ECサイトのバリアフリー化に率先して取り組むことは、企業イメージの向上にもつながるでしょう。

まとめ

ウェブアクセシビリティは「情報のバリアフリー化」と考えると理解しやすいかもしれません。実店舗におけるバリアフリー化は、たとえば、車椅子ユーザーでも移動できるように店内の段差をなくすといった取り組みがあります。

それと同じような考え方で、Webサイトに存在するさまざまなバリアを取り除き、誰でもWebサイトを利用できるようにすることがウェブアクセシビリティを推進するということです。

ECサイトのウェブアクセシビリティを改善することの重要性は今後ますます高まっていくと考えられます。デジタル庁が発行している「ウェブアクセシビリティ導入ガイドブック」などを参考にしながら、まずはできることから取り組んでみると良いでしょう。

この記事はフューチャーショップのオウンドメディア『E-Commerce Magazine』の記事を、ネットショップ担当者フォーラム用に再編集したものです。

この記事が役に立ったらシェア!
これは広告です

ネットショップ担当者フォーラムを応援して支えてくださっている企業さま [各サービス/製品の紹介はこちらから]

[ゴールドスポンサー]
ecbeing.
[スポンサー]