ADVERTISING

一般企業に義務化される「合理的配慮」、押さえておきたいウェブアクセシビリティとは?

一般企業に義務化される「合理的配慮」、押さえておきたいウェブアクセシビリティとは?

サンフランシスコ発デザイン会社の公式ブログ
btrax

これまで何度かFreshtraxでも取り上げてきた ウェブアクセシビリティ。

ADVERTISING

日本でも障害者差別解消法の改正施行に伴い、2024年6月から一般企業にも「合理的配慮」が義務化されることになり注目されています。

パンデミックを経て、行政手続きやビジネス、個人間のコミュニケーションまであらゆる領域でのデジタル化が進んだ結果、ウェブアクセシビリティの重要性はますます高まってきていると言えるでしょう。

欧米圏では、ウェブアクセシビリティは人権の一部であるという考えが広く普及し、法的にも取り締まりが強化されています。

アメリカへビジネス進出を検討する際には、 ウェブアクセシビリティへの配慮は今や避けては通れない道です。

今回の記事では、海外進出を検討している企業様の参考となるよう、ウェブアクセシビリティを理解する上でキーとなるWCAGと最新のウェブアクセシビリティチェックツールをご紹介します。

アメリカ進出の際に ウェブアクセシビリティが重要なのはなぜ?

アメリカ進出において、ウェブアクセシビリティへの配慮がなぜ重要なのか?

ビジネス的な観点から一言でいえば、アクセシビリティが確保できていないウェブサイトを運営することはコンプライアンス違反とみなされるリスクがあるためです。

人権意識の高いアメリカにおいては、1990年に成立した「障害を持つアメリカ人法(Americans with Disabilities Act of 1990 :以下、ADA)」が企業のウェブサイトへも適用されると解釈されています。

アクセシビリティへの配慮がないウェブサイトを運営することはコンプライアンス違反と見做されるリスクがあり、日本企業も訴訟の対象となりえます

近年、ADA関連の訴訟は増加傾向にあるため、十分な注意が必要です。

アクセシビリティとは、アクセス(access)できる=製品やサービスなどが利用できること、また、利用できる状況の幅の広さを意味します。

ウェブアクセシビリティは、その名の通り、デジタル空間におけるウェブサイトの利用しやすさを表す概念です。

例えば、小さな文字ばかりが並び、視覚障害がある方や高齢者の方にとって読みづらいウェブサイトは、”アクセシビリティが低い”と形容されます。

アクセシビリティは”一部の特別な人のため”ではなく、”みんなのため”のもの!

アクセシビリティは、重度の障害を持った方など、限られた人のためのものなのでは?と思っている方もいるかも知れません。

しかし、老化による視力の低下や、年齢・世代による理解度のギャップなども含め、アクセシビリティは限定的というより、むしろ包括的な概念です。

デジタル庁が出しているウェブアクセシビリティ導入ガイドブックによれば、日本だけでもアクセシビリティの確保の恩恵を受ける人は428万人以上いると言われています。

どんな人でも、ある日思いがけず怪我をして片手が動かせなくなったり、歳を重ねるごとに耳が聞こえにくくなる可能性はあります。

アクセシビリティは他人事ではなく、いつかの自分や身近な人のためであるとも考えられます。

ウェブアクセシビリティについて理解する上で欠かせないWCAGとは何か?

ウェブサイトのアクセシビリティの確保の重要性がわかったところで、アメリカ基準でコンプライアンスを遵守したウェブサイトを作るためには具体的にどうすれば良いのでしょうか?

実際のところADA自体には、ウェブサイトがADAに準拠しているかどうかを判断するための具体的なルールというのは定義されていません。

そこでウェブアクセシビティ確保のためのガイドラインとして普及しているのが”Web Content Accessibility Guidelines (通称 WCAG)”です。

このガイドラインは、ウェブに関わる技術の標準技術の開発と普及を行っている非営利団体であるワールド・ワイド・ウェブ・コンソーシアム(World Wide Web Consortium:W3C)によって作成されたもので、ADAに関わるウェブアクセシビリティに関する項目が網羅されています。

このガイドラインに従っている=ADAに準拠したウェブサイトであると言えます。

ウェブアクセシビティ確保のためのガイドライン (画像引用元)

WCAGの概要

WCAGは、デスクトップ、ラップトップ、タブレット、及びモバイルデバイス上のウェブコンテンツのアクセシビリティを扱っています。

このガイドラインに従うことで、ウェブサイト上のコンテンツが、視覚や聴覚、運動制限など、様々な障害のある人たちにとって、アクセス可能な状態となります。

これらは、一般のユーザーにとっての使いやすさと矛盾するものではないので、アクセシビリティを向上させることで、利用者全員にとってよりよいウェブサイトにすることができます。

どんな人も使いやすいWebサイト設計 (画像引用元)

ガイドラインの内容は、時代やテクノロジーの変化に応じてアップデートされており、2024年3月現在、最新版は2023年10月に公開された WCAG 2.2 です。

原文は英語ですが、ウェブアクセシビリティ基盤委員会(WAIC)の翻訳グループにより、日本語版のガイドラインも公開されています。

達成基準は3段階(A・AA・AAA)に分けられており、各レベルの定義は下記の通りです。

・レベルA:ウェブアクセシビリティを確保するために最低限達成するべき状態

・レベルAA:ウェブアクセシビリティが十分確保されている状態。日本でも公的機関に対して求められるレベル

・レベルAAA:非常に高いウェブアクセシビリティが確保できている状態

全体は大きく分けると、知覚可能操作可能・理解可能堅牢の4パートで構成されています。

詳細については今回の記事では割愛しますが、WCAGガイドライン(日本語版 2.2)は無料で公開されていますので、興味のある方はぜひご一読ください。

ウェブは情報の最終的なアウトプットの形をユーザーに合わせて変えることができるという点で、物理的な制限を超えて、多くの人に寄り添うことを可能にしてくれます。

アクセシビリティチェックに使える!無料のブラウザ拡張機能3選

アクセシビリティやWCAGについての概要をご紹介したところで、ここからは実践編として、ウェブサイトのアクセシビリティをチェックする際に無料で使えるブラウザ拡張機能3選をご紹介します。

なお注意事項として、アクセシビリティチェックツールはどれもサイトのアクセシビリティを100%保証するものではありません。

特にコンプライアンス遵守の観点からはマニュアルのチェックは必須ですし、場合によっては専門のベンダーによる監査が必要な場合もありますのでご留意ください。

① はじめの一歩におすすめ!無料で使えるプラグイン:Google Lighhouse

これまで全くアクセシビリティのことを考えたことがなかった!という方へ、はじめの一歩としておすすめしたいのが、Googleが提供しているウェブサイト診断ツールのLighthouseです。日本語にも対応しています。

サイトのパフォーマンスやSEOスコア、そしてアクセシビリティについて、自動でレポートを作成してくれます。

LighthouseはWCAGに特化しているわけではないのですが、基本的な事項は網羅されているので、アクセシビリティの観点からどんなところが問題になるのかの肌感を掴むには、データが見やすく気軽に使えるのでおすすめです。

ご自身の会社のサイトだけでなく、「このサイト、なんだか使いにくいな?」と思ったサイトを診断してみると、意外な発見があるかもしれません。

Googleが提供しているウェブサイト診断ツール(日本語対応)

② デベロッパーツール内で利用できる:axe Dev Tools

ウェブサイトの開発フェーズで活用できるプラグインとしておすすめなのがaxe Dev Toolsです。デベロッパーツール内で使用するためのプラグインです。

チェックしたいページをスキャンすると、重症度ごとに問題を洗い出し、修正するための情報を表示してくれます。Tutorialの動画もわかりやすく、初心者にもわかりやすいです。

ウェブサイトの開発が進めば進むほど、問題が発覚した際に修正必要な箇所が増えるため、開発のなるべく早い段階からこの様なチェックツールを導入できると、アクセシビリティ関連の修正に必要な工数や費用を削減することができます。

拡張機能の設定で日本語も利用できます。

デベロッパーツール内で使用するためのプラグイン(拡張機能で日本語対応)

③ 自動チェック機能に加え、マニュアルチェックリストあり!:Accessibility Insights 

同じく開発フェーズでおすすめなのがAccessibility Insightsです。こちらは英語版のみの提供となっています。

ChromeのプラグインとWindowsのデスクトップアプリで利用可能です。

簡易チェック(FastPass)機能では瞬時にサイト内のアクセシビリティ関連の問題と修正方法などをまとめてリスト化してくれます。

また簡易チェックではカバーしきれない範囲は、マニュアルチェックができるように項目が自動でリスト化されます。細かくテスト方法や判断基準が示されるため、初めてチェックをする人にもわかりやすくなっています。

問題が解消されなかった際にはメモが残せる機能もついており便利です。

ウェブサイトの開発フェーズでおすすめ(英語版のみ)

本記事ではウェブアクセシビリティのアメリカ進出へおける重要性、及び、関連ツールについてご紹介しました。

Btraxは、2004年設立以来、アメリカ進出を目指す日本企業の皆様へ、様々なサポートを提供して参りました。アメリカ進出へ向け、ウェブサイトのリデザインから、リスキリングワークショップ研修まで幅広く対応可能ですので、ぜひお気軽にお問い合わせください。

弊社では上記のようなユーザーリサーチ, UI/UXリサーチや市場リサーチを含めた多角的なリサーチを行い、ユーザーの潜在ニーズや不透明だった課題の可視化をサポートしています。

サービスやブランドをグローバルに展開する際は、展開先の国に合わせてコンテクストを深く掘り下げより良いソリューションやサービスを提案しています。

弊社のサービスや事例にご興味をお持ちの方はぜひお気軽にお問い合わせください。

btrax初の書籍『発想から実践まで デザインの思考法図鑑』発売!

btraxが日米のクライアントさまと約20年にわたりお仕事をしてきたナレッジを凝縮した一冊。ビジネスに活かせるデザインの考え方・メソッドをカバーしています。

これからの企業の成長に欠かせない「デザイン的マインドセット」を学ぶ第一歩として、全てのビジネスパーソンにとっての新たなバイブルとなること間違いなしです。

全国の書店、Amazonにて一般販売が開始!ぜひ詳細は下記よりチェックしてください。

ADVERTISING

JOB OPPOTUNITIES

最新の求人情報(求人一覧

求人

カスタマーサービス・コーディネーター (DTC)

On

カスタマーサービス・コーディネーター (DTC)

詳細を見る

ジャーナル

地方こそ外商ビジネスに商機あり。仙台で顧客と末長い関係を構築していくために必要なスキルとは

地方こそ外商ビジネスに商機あり。仙台で顧客と末長い関係を構築していくために必要なスキルとは

記事を読む

求人

ベビーギフトブランドMARLMARL商品企画開発アシスタント

MARLMARL

ベビーギフトブランドMARLMARL商品企画開発アシスタント

時給

1200円 〜 1800円

詳細を見る

ジャーナル

圧巻の品揃えで人気を確立!仙台のみで展開する「パフューマリースキヤ」、46年で培ったテナント店...

圧巻の品揃えで人気を確立!仙台のみで展開する「パフューマリースキヤ」、46年で培ったテナント店...

記事を読む

ジャーナル

【NESTBOWL転職成功事例】40歳で、貪欲転職!アパレル販売未経験でも諦めなかったMさんの...

【NESTBOWL転職成功事例】40歳で、貪欲転職!アパレル販売未経験でも諦めなかったMさんの...

記事を読む

ジャーナル

自身が思う「美しさ」に対する妥協を許さない。外資系企業PR職を経て独立した、Shun Koya...

自身が思う「美しさ」に対する妥協を許さない。外資系企業PR職を経て独立した、Shun Koya...

記事を読む

コラボパートナーの募集情報
コラボ募集一覧

コラボ

”水辺の宿場町”をデザインコンセプトとするアートホテル「東京ベイ潮見...

東京ベイ潮見プリンスホテル ”水辺の宿場町”をデザインコンセプトとするアートホテル「東京ベイ潮見...

詳細を見る

コラボ

ドイツ腕時計ブランドの"ZEPPELIN"とのコラボレーションウォッチパートナ...

ZEPPELIN ドイツ腕時計ブランドの"ZEPPELIN"とのコラボレーションウォッチパートナ...

詳細を見る

コラボ

自治体の枠にとらわれない幅広いコラボ実績をもつ「サガプライズ!」とのコラボレーシ...

サガプライズ! 自治体の枠にとらわれない幅広いコラボ実績をもつ「サガプライズ!」とのコラボレーシ...

詳細を見る

コラボ

多方面で活躍中のデザイナー安藤大春とのコラボレーション

Ohal 多方面で活躍中のデザイナー安藤大春とのコラボレーション

詳細を見る

Powered by

現在の人気記事

NEWS LETTERニュースレター

人気のお買いモノ記事

公式SNSアカウント