Table of Contents

ShopifyはADAに準拠していますか? ウェブコンテンツアクセシビリティガイド

当社の事業は、アフィリエイトから得られる手数料によって支えられています。 詳細

ShopifyはADAに準拠しています?

この記事では、世界コンテンツ アクセシビリティ ガイドライン (WCAG) の細則を詳しく調べ、これらのガイドラインが、障害を持つユーザーにとってインターネットをよりアクセスしやすい場所にするためにどのように役立つかを見ていきます。

私たちのほとんどは、比較的楽に日常生活を送ることができて幸運です。コンピューターやスマートフォンでインターネットを閲覧することは、生活の一部であり、当たり前のこととして捉えられがちです。

しかし、障害を持つ人々にとって、これら 2 つの単純なことは、楽しい活動というよりはむしろ雑用のようなものなのです。それは、今日のインターネットがまだ 100% 完全にアクセス可能ではないからです。つまり、Web アクセシビリティの障壁がまだ完全に解決されていないということです。

Web Aim によると、インターネットのウェブサイトのうち、アクセシビリティに配慮されているのはわずか 3% です。さらに、AudioEye によると、e コマースのウェブサイトは世界で最もアクセシビリティに配慮されていないプラットフォームの 1 つであり、22 の業界にわたるすべてのオンライン ストアの 83% でアクセシビリティに重大な問題が生じています。

オンライン ストアを設計する際に、アメリカ障害者法 (ADA) への準拠が考慮されることはほとんどありません。しかし、私たちはすべての人にとって良いことのために、この状況を変えることを目指しています。それでは、議論を始めましょう。

ShopifyはADAに準拠していますか?

ShopifyはADAに準拠していますか?

出典: バースト

Shopify ストアについて質問する場合は、次のような質問のほうが適切です。

「Shopify ストアはすぐに ADA に準拠しますか?」

簡単に答えると「いいえ」です。

これは、ADA 準拠は、ADA 準拠のための Web サイトのアクセシビリティ ガイドラインを意図的に適用しながら、ブランド アイデンティティに従ってストアを設計することによって達成されるためです。

そのため、Shopify では、マーチャントの設計プロセスを妨げる可能性があるため、新しいオンライン ストアを最初から ADA 準拠にすることはありません。

ただし、Shopify は、プラットフォーム内のすべての電子商取引ストアを ADA 準拠にするために必要なすべてのデジタル アクセシビリティ機能を提供しています。

読む: Shopifyアクセシビリティ ステートメント

Shopifyのアクセシビリティ機能

Shopify アーキテクチャには、オンライン ストアをアクセシブルかつ ADA 準拠にするための一連の支援技術サポートが備わっています。

アクセシビリティの障壁を克服するこれらの機能には、次のようなネイティブ ツールとサードパーティ ツールが含まれます。

  • スクリーンリーダー
  • 音声認識プログラム
  • 弱視や色覚異常のサポート
  • 代替キーボード
  • デバイスの切り替え
  • 読みやすさのためのツール

これらのツールの一部は、Shopify アプリ ストアで見つけることができます。

この支援技術サポートに加えて、テーマ エディターでは Shopify ADA 準拠のストアの作成が可能です。これには次のものが含まれます。

  • 画面に反応し、ズーム可能なテーマ
  • 調整可能なフォント
  • カスタマイズ可能な色
  • 高さ、幅、パディングなどの細かいセクション調整
  • 高品質の画像とビデオ機能
  • 障害を持つユーザーに合わせて調整できる独自のレイアウトカスタマイズ機能

Shopify ADAコンプライアンスのルール

Shopify ADAコンプライアンスのルール

出典: Pexels

1990 年のアメリカ障害者法は、障害を持つ人々のための施設やプラットフォームにおけるアクセシビリティの問題に対処することの重要性を概説した主要な法律です。

ADA の原文ではウェブサイトについて具体的に言及されていませんが、米国の裁判所は、アメリカ障害者法第 3 条を通じて政府および民間企業の所有者にウェブサイトを ADA に準拠させるよう強制する法的根拠があると判断しました。

ADAの第3条では「公共の宿泊施設」におけるアクセシビリティを義務付けており、米国の裁判所はこれをインターネットにも適用すると解釈している。

WCAGはウェブサイトをアクセシブルにするための標準です

「公共の宿泊施設」には現在ウェブサイトも含まれるため、米国司法省はウェブ コンテンツ アクセシビリティ ガイドライン (WCAG) を ADA 準拠の主な標準として設定しました。

したがって、WCAG に従ってアクセシビリティの問題に対処していない Web サイトは、ADA 準拠法に違反していることになります。

WCAG については、このブログの後半の WCAG セクションで詳しく説明します。

ADA および WCAG 2.2 に準拠することが期待されるのは誰ですか?

2022 年 3 月 18 日、米国司法省は、ウェブサイトのアクセシビリティに対するアメリカ障害者法の適用に関するガイダンスを発行しました。

この判決は、公共の宿泊施設とみなされるウェブサイトにはADA準拠が必須となることを明らかにした。

これらには、次の目的を果たす Web サイトが含まれます。

  • 不在者投票の申請
  • チケットや料金の支払い
  • 警察への通報
  • バーチャルタウンミーティングに参加する
  • 税務書類の提出
  • 学校または学校のプログラムに登録する
  • 州の給付金プログラムへの申請

DOJ は、公共ウェブサイトに加えて、ADA のウェブ アクセシビリティ要件が、一般向けに商品やサービスを提供する民間企業のウェブサイトにも適用されることを確認しました。

ADA によれば、年間 20 週間以上働く従業員が 15 人以上いるすべての企業は、その規定を遵守する必要があります。

そのため、個人経営の Shopify ストアのオーナーや、少数の従業員 (15 人未満) を雇用しているストアのオーナーは、ADA に準拠する必要はまだないと主張することができます。

ただし、法定基準に達すると、遵守が義務付けられます。

したがって、Shopify ストアの ADA 準拠は、Web サイトの単なるオプションの指示ではありません。むしろ、成長に伴って厳格な準拠を要求する DOJ の判決です。

ウェブコンテンツアクセシビリティガイドラインまたはWCAG 2.2

ウェブコンテンツアクセシビリティガイドラインまたはWCAG 2.2

出典: Pexels

Web コンテンツ アクセシビリティ ガイドラインは、技術環境の変化に合わせて継続的に進化するガイドです。

この責任を負っている組織は、Web アクセシビリティ イニシアチブを通じた W3C または World Wide Web Consortium です。

ADA 準拠の WCAG バージョン 2 は、これまでに 3 回の改訂が行われています。

  • WCAG 2.0 - 2008 年 12 月に公開
  • WCAG 2.1 - 2018 年 6 月に公開(2023 年 9 月に更新)
  • WCAG 2.2 - 2023年10月に公開

これらの各バージョンでは、追加のデジタル アクセシビリティ ガイドラインと成功基準が導入されています。W3C は、これらすべてのバージョンが既存のガイドラインであることを明確にしています。そのため、新しいバージョンの導入によって、以前のガイドラインが廃止されたり、置き換えられたりすることはありません。

ただし、W3C では、以前のすべての WCAG バージョンに従って Web サイトが自動的に ADA に準拠するようにするため、最新バージョンの WCAG を使用することを推奨しています。

注: この記事の執筆時点では、WCAG 2.2 が Web コンテンツ アクセシビリティの最新標準です。ただし、WCAG 3.0 は現在開発中です。コンテンツ アクセシビリティ ガイドラインの進展については、最新情報を把握しておくことが重要です。

今後の展開に備えてこのリンクをブックマークしてください

WCAG 2.2 は誰のためのものですか?

Web Accessibility Initiative による WCAG 2.2 は、デジタル アクセシビリティを考慮した Web サイトの設計ルールを提供するため、その内容は主に次の対象を対象としています。

  • Web コンテンツ開発者 (ページ作成者、サイト デザイナーなど)
  • Webオーサリングツール開発者
  • ウェブアクセシビリティ評価ツール開発者
  • モバイルアクセシビリティを含むウェブアクセシビリティの標準を希望または必要とする人々

それに加えて、WCAG は、最終的にそれに基づいて行動するかどうかを決定する成長中の企業のオーナーにとっても重要であることを付け加えておきたいと思います。

POUR 原則と WCAG 2.2 に基づく 13 のガイドライン

WCAG の 13 の Web アクセシビリティ ガイドラインはすべて、POUR 原則と呼ばれる 4 つの基本原則に基づいています。

以下では、これら 4 つの原則を定義し、それぞれの下にあるガイドラインを列挙します。

知覚可能

認識可能な Web サイトとは、ユーザーが画面に表示される情報を認識できることを意味します。この原則により、視覚、聴覚、触覚などの主要な感覚を通じてコン​​テンツが利用可能になります。

これは、非テキスト コンテンツに代替コンテンツを提供し、マルチメディアにクローズド キャプションを提供することで実現されます。さらに、この原則により、色のコントラストとテキストのサイズ変更 (またはズームイン) 機能によって、コンテンツが適応可能で区別可能になります。

知覚可能性ガイドライン:

  1. テキスト以外のコンテンツには代替テキストを提供する
  2. マルチメディアにキャプションやその他の代替手段を提供する
  3. 意味を失うことなく、支援技術を含むさまざまな方法で提示できるコンテンツを作成します。
  4. ユーザーがコンテンツを見やすく、聞きやすくする

操作可能

操作可能とは、通常のマウスとキーボードの組み合わせ以外の手段でコンテンツとユーザー インターフェイスをナビゲートできるようにし、ユーザーがナビゲートしたり、コンテンツを見つけたり、現在位置を確認したりできるようにするメカニズムを提供することを指します。

この原則により、ユーザーはキーボードやその他の専用機器のみで操作でき、コンテンツを理解するのに十分な時間を確保できます。さらに、操作可能であるということは、高頻度で点滅するコンテンツが表示されると発作などの障害を引き起こさないコンテンツであることを意味します。

操作性の原則:

  1. すべての機能をキーボードから利用できるようにする
  2. ユーザーにコンテンツを読んで使用するのに十分な時間を与える
  3. 身体的な反応による発作を引き起こすコンテンツは使用しないでください
  4. ユーザーがコンテンツ内を移動して見つけられるようにする
  5. キーボード以外の入力を使いやすくする

理解できる

わかりやすい Shopify ストア インターフェースとは、コンテンツが一目で理解できることを意味します。この原則は、情報と操作方法が明確で一貫していることを保証することを目的としています。

これには、テキストを読みやすくし、Web ページを予測可能な方法で動作させながら、障害のあるユーザーが操作ミスを回避または修正できるようにすることが含まれます。

理解可能性の原則:

  1. テキストを読みやすく理解しやすいものにする
  2. コンテンツを予測可能な方法で表示および操作する
  3. ユーザーが間違いを避け、修正できるように支援する

屈強

ウェブ コンテンツ アクセシビリティ ガイドラインに準拠した堅牢なウェブサイトを構築するには、支援技術などのさまざまなユーザー エージェントによって確実に解釈できるコンテンツを作成する必要があります。これにより、テクノロジが変化して進歩しても、コンテンツがアクセス可能な状態を維持できます。

堅牢な Web サイトには、現在および将来にわたってさまざまなプラットフォームで機能する、クリーンかつ適切に構造化されたコードが含まれています。

堅牢性の原則:

  1. 現在および将来のユーザーツールとの互換性を最大限に高める

クイックリード: [チュートリアル] PageFly で Shopify テーマをレスポンシブにする方法

WCAG 2.2 準拠のレベル

WCAG 2.2 準拠のレベル

出典: Pexels

Shopify ストアやその他の Web サイトが ADA に準拠するには、最新の Web コンテンツ アクセシビリティ コンテンツ ガイドラインに準拠する必要があることはすでに述べました。

さらに、WCAG 2.2 には 3 つのコンプライアンス レベルがあり、86 の成功基準を使用して検査され、合格または不合格で評価されます。

レベルA

レベル A は、最低限の適合レベルです。これは、Web サイトが幅広いユーザーに影響する基本的なアクセシビリティの問題に完全に対処していることを意味します。例としては、代替テキストや明確なページ タイトルの要件などがあります。

レベルAA

レベル AA は、適切な色のコントラストの維持、見出しの適切な使用、すべての Web ページでの一貫したナビゲーション要素などの追加の問題に取り組むため、より徹底的です。

レベルAAA

最後に、レベル AAA は、すべての録画済みマルチメディア コンテンツに手話通訳を提供するなど、満たすのが難しい基準を満たす、最も要求の厳しい最高レベルの適合性です。

Shopify ストアではどの WCAG 2.2 準拠レベルを目指すべきでしょうか?

一般的に、アクセシビリティ法ではレベル AA への準拠が求められます。これは、これらの基準を遵守することで、障害を持つほとんどのユーザーが Web サイトにアクセスできるようになるためです。

ShopifyストアをADA準拠にするにはどうすればいいですか?

Shopify ストアを ADA 準拠にするにはどうすればいいですか?

出典: AudioEye

オンライン ストアのアクセシビリティを向上させると、能力に関係なくほとんどの人が利用できるようになるため、ユーザーのエンゲージメントが大幅に向上します。

したがって、Shopify ストアでアクセシビリティの問題が特定されると、ブランドに忠実な可能性のある新しいオーディエンス層を獲得することになります。

それを念頭に置いて、Shopify ストアを ADA 準拠にするために実行できる基本的なアクションを見てみましょう。

画像の代替テキスト

代替テキストは、Shopify ストアにコンテンツを追加するときに、当然のことと見なされることがよくあります。ただし、これらの説明は、スクリーン リーダーを使用してコンテンツを理解する視覚障害のあるユーザーに役立つため、Web サイトのアクセシビリティに大きな役割を果たします。

さらに、代替テキストは、画像が読み込まれなくてもテキストを読み込むことができるため、インターネット接続が遅いユーザーにも役立ちます。

したがって、Shopify ストアのアクセシビリティを最大限に高めるには、サイト上のすべての画像と動画に説明テキストが含まれていることを確認してください。

動画のクローズドキャプション

YouTube に表示されるクローズド キャプション (CC) は、聴覚障害のある人にとっては不可欠です。これにより、ユーザーは音声に頼らずに動画を理解できるようになります。これらのキャプション (字幕とも呼ばれます) は、動画の音声部分のテキスト バージョンを提供し、動画のアクセシビリティを高めます。

しかし、字幕は聴覚障害のある人々に役立つだけでなく、騒がしい環境や騒音が許容されない静かな環境でもビデオを視聴できるため、正常な聴力を持つ私たちのほとんどにとっても役立ちます。

Shopify ストアに動画がある場合は、手動でキャプションを追加したり、専用の文字起こしソフトウェアを使用したりすることができます。

色の適切な使用

Shopify ストア全体で高コントラストの色を使用すると、視覚要素が読みやすくなります。これは、CVD の色覚異常を持つユーザーが Web サイトにアクセスできるようにするために特に重要です。

さらに、情報を伝達するために色に頼るのは避けてください。代わりに、線、パターン、または適切なセクション間隔を使用してください。

点滅するコンテンツを避ける

点滅するコンテンツは、障害のない人にとっては気が散る可能性があります。光過敏性てんかんなどの視覚障害のある人にとっては、発作を引き起こす可能性があるため、さらに気が散る可能性があります。

したがって、すべてのユーザーに安全でアクセスしやすいブラウジング エクスペリエンスを提供するには、Web サイトで点滅する要素を使用しないでください。

点滅するコンテンツを避けられない場合は、十分な警告を提供してください。

オーディオとビデオの自動再生

動画は、Shopify ストアで視覚的にストーリーを伝えるのに役立ちます。ただし、コンテンツが読み込まれるとすぐに自動的に再生される動画は、スクリーン リーダーに依存しているユーザーにとって混乱を招き、混乱を招く可能性があります。

これはサイトのナビゲーションを妨げる可能性があるため、ビデオやオーディオの自動再生は避けてください。代わりに、必要に応じてコンテンツを一時停止、再生、再再生するオプションを提供して、ユーザーが再生を制御できるようにします。

ホームページの特定のセクションで必要な場合など、Shopify ストアでビデオを自動再生したい場合は、ビデオに音声がないか、デフォルトでミュートされていることを確認してください。

Shopifyストア向けアクセシビリティアプリ

上記のヒントは、ADA 準拠のために Shopify ストアを設計する際の一般的なガイドラインです。ただし、これには 86 の成功基準があるため、設計のより多くの側面をカバーする必要があります。

これらの基準を常に満たすのは難しいかもしれません。ただし、Shopify アプリ ストアにはそれを支援するツールがあります。

使用できる上位 3 つのアクセシビリティ アプリは次のとおりです。

アクセシビリティ Spark ADA & WCAG

アクセシビリティ Spark ADA & WCAG

評価: 5 点満点中 5 点 (50 件以上のレビュー)。

価格:月額 99.99 ドルから。無料トライアルあり。

Accessibility Spark ADA & WCAG は、WCAG のすべての成功基準に準拠したい成長中の Shopify ストア向けです。このアプリの主な機能は、米国、英国、EU のアクセシビリティ法に準拠するために、AI を使用して Web サイトのアクセシビリティを最適化することです。

主な機能:

  • 自動画像認識とAIスクリーンリーダー
  • ウェブサイト全体に適用される AI 搭載のキーボード ナビゲーション
  • カスタマイズ可能なUIデザイン
  • アクセシビリティ認証およびWCAG、ADA、EAAなどへの準拠の宣言
  • サイトの変更に伴うコンプライアンスの毎日の監視
  • 月次コンプライアンスレポート

アクセスしやすい

アクセスしやすい

評価: 5 点中 4.8 点 (20 件以上のレビュー)。

価格:月額 5 ドルから。無料トライアルあり。

以前のアプリには、AI を利用して Shopify を ADA 準拠にするために必要なすべての機能が備わっています。ただし、中小企業にとっては少々高価すぎるかもしれません。

そのため、Accessibly と同様に他の Shopify アプリも検討することをお勧めします。

アメリカ障害者法の準拠証明書は提供されませんが、Shopify を ADA に準拠させるために必要な機能が備わっています。

主な機能:

  • コンテンツ、色、ナビゲーションのアクセシビリティに関する訪問者のオプション
  • AI生成画像の代替テキスト
  • Shopifyストアのアクセシビリティステートメントを生成する
  • アクセシビリティの取り組みを追跡するための詳細な分析

accessiBe による Web アクセシビリティ

accessiBe による Web アクセシビリティ

評価: 5 点中 4.6 点 (10 件以上のレビュー)。

価格:月額 49.99 ドルから。無料トライアルあり。

accessiBe の Web アクセシビリティは、AI を活用してすべての Shopify ストアにアクセシビリティ ソリューションを提供します。ADA および WCAG コンプライアンス認証の取得を支援するように設計されたソリューションを求めるストア所有者にとって、これはより手頃なオプションです。

主な機能:

  • WCAGおよびADAのアクセシビリティ認定
  • AI搭載のスクリーンリーダーとキーボードナビゲーション
  • 顧客のニーズに合わせてカスタマイズ可能なUI

ボーナス: PageFly ランディング ページ ビルダー

ボーナス: PageFly ランディング ページ ビルダー

評価: 5 点中 4.9 点 (10,000 件以上のレビュー)

価格:月額 24 ドルから。無料プランもご利用いただけます。

PageFly は、前述のようなアクセシビリティ専用アプリではありません。ただし、PageFly は、柔軟なテーマ エディターを使用して、アクセシビリティの高いランディング ページを作成するのに役立ちます。

主な機能:

  • カスタマイズ可能なセクションとページテンプレート
  • あらゆるタイプのユーザー向けのCROに重点を置いた要素
  • 軽量なのでストアの速度を低下させません
  • あらゆるデバイスに対応するレスポンシブデザイン

結論: 訴訟の可能性を避けたいなら、ADA 準拠は必須です

この記事で、ADA 準拠は従うかどうかは自由である単純な提案ではないことがわかりました。むしろ、成長中の企業のオーナーにとって、障害のある人が Web サイトにアクセスしやすいようにすることは法的義務です。

米国では、アクセシビリティは極めて重視されており、裁判所は米国障害者法に従わない企業に罰則を科します。

実際、2022 年だけでも、連邦裁判所に 3,000 件を超える Web サイト アクセシビリティ訴訟が提起されました。そして、これらの訴訟はさまざまな業界にまたがっています。

したがって、Shopify ストアが ADA に準拠していない場合、特に毎月何千人もの顧客にサービスを提供している場合は、これに関する苦情を受けるリスクがあります。

そのため、次の大きなビジネス戦略として ADA 準拠を検討することを強くお勧めします。コストはかかるかもしれませんが、安心してビジネスを運営できます。

しかし、金銭的な考慮とは別に、Shopify を ADA 準拠にすることは、あらゆるタイプのユーザーに平等なショッピング体験を提供するという社会的責任を果たすことになります。

続きを読む: Shopify ストアデザイン: CRO エキスパートからの 8 つの重要なヒント

FAQs

Explore Now

今すぐNo.1のShopifyページビルダーをお試しください

PageFlyを無料でお試しください