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

は ShopifyはADAに対応していますか？?

この記事では、世界コンテンツ・アクセシビリティ・ガイドライン（WCAG）の細部を深く掘り下げ、これらのガイドラインが、障害のあるユーザーにとってインターネットをよりアクセシブルな場所にするためにどのように役立っているかを見ていきます。

パソコンやスマートフォンでインターネットを閲覧することは、しばしば当たり前のように行われている。

しかし、障害を持つ人々にとって、この2つの単純なことは、余暇活動ではなく、むしろ家事のようなものだ。それは、現在のインターネットがまだ100％完全にアクセシブルではないからだ。そしてそれは、ウェブ・アクセシビリティの障壁がまだ完全に対処されていないことを意味する。

ウェブエイムによると、インターネットウェブサイトのわずか3％しかアクセシブルでない。さらに、AudioEyeによると、eコマースサイトは世界で最もアクセシビリティの低いプラットフォームのひとつであり、22業種にわたる全オンラインストアの83％が深刻なアクセシビリティ問題を抱えている。

アメリカ障害者法（ADA）への準拠は、オンラインストアをデザインする際に考慮されることはほとんどありません。しかし、私たちは、すべての人のためにそれを変えることを目指しています。まずは、私たちの議論から始めましょう。

ShopifyはADAに対応していますか？

ソースバースト

Shopifyの店舗について尋ねているのであれば、より良い質問だろう：

「ShopifyストアはADAに対応していますか？

それに対する短い答えは "NO "だ。

というのも、ADA準拠は、ADA準拠のためのウェブサイト・アクセシビリティ・ガイドラインを意図的に適用しながら、ブランド・アイデンティティに従って店舗をデザインすることで達成されるからです。

そのため、Shopifyは新しいオンラインストアを最初からADAに対応させることはしていません。

しかし、Shopifyは、プラットフォーム内のすべてのeコマースストアをADAに準拠させるために必要なデジタルアクセシビリティ機能をすべて提供している。

読み方：ショッピファイ アクセシビリティ宣言

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

Shopifyのアーキテクチャは、あなたのオンラインストアをアクセシブルにし、ADAに準拠させることができる一連の支援技術サポートを持っています。

アクセシビリティの障壁をものともしないこれらの機能には、以下のようなネイティブツールやサードパーティツールが含まれる：

• スクリーンリーダー
• 音声認識プログラム
• 弱視・色覚障害への対応
• 代替キーボード
• スイッチ・デバイス
• 読みやすさのためのツール

これらのツールのいくつかは、Shopifyアプリストアで見つけることができる。

この支援技術サポートに加えて、テーマエディタはShopify ADA準拠の店舗を作成することができます。これには以下が含まれます：

• 画面応答性とズーム可能なテーマ
• 調整可能なフォント
• カスタマイズ可能な色
• 高さ、幅、パディングなどのセクションの微調整
• 高画質画像とビデオ機能
• バリアフリーに対応した独自のレイアウトカスタマイズ機能

ShopifyのADA対応ルール

出典Pexels

1990年に制定された「障害を持つアメリカ人法」は、障害者のための施設やプラットフォームにおけるアクセシビリティ問題への取り組みの重要性を概説する主要な法律である。

ADAの原文ではウェブサイトについては特に触れられていないが、米国の裁判所は、障害者法のタイトルIIIを通じて、政府や民間企業の経営者に対し、ウェブサイトをADAに準拠させる法的根拠を見出した。

ADAのタイトルIIIは、「公共の便宜を図る場所」におけるアクセシビリティを義務づけており、米国の裁判所はこれをインターネットにも適用すると解釈している。

スマート・サブスクリプションで収益を拡大

柔軟なプランとスマートな加入者管理ツールで、継続的な収益を構築。

無料で始める

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

公共の場」にはウェブサイトも含まれるようになったため、米司法省はウェブコンテンツ・アクセシビリティ・ガイドライン（WCAG）をADA準拠の主な基準として定めている。

そのため、WCAGに従ってアクセシビリティの問題に対処していないウェブサイトは、ADA準拠法に違反していることになる。

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

誰がADAとWCAG 2.2に準拠することを期待されていますか？

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

判決は、公共の宿泊施設とみなされるウェブサイトにはADAへの準拠が義務付けられることを明確にした。

これには、以下のような目的のウェブサイトが含まれる：

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

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

ADAによると、1年間に20週間以上働く従業員が15人以上の企業はすべて、その規定を遵守しなければならない。

そのため、一人でShopifyストアを経営している人や、数人（15人未満）の従業員を雇用している人であっても、ADAに準拠する必要はまだないと主張することができる。

しかし、法的な閾値に達すると、その遵守が義務付けられる。

したがって、ShopifyストアのADAコンプライアンスは、あなたのウェブサイトのための単なるオプションの方向性ではありません。むしろ、成長するにつれて厳格なコンプライアンスを要求する司法省による判決なのです。

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

出典 Pexels

ウェブコンテンツアクセシビリティガイドライン ウェブコンテンツ・アクセシビリティ・ガイドラインは、技術的な状況の変化に適応し、継続的に進化するガイドです。

これを担当する組織は、ウェブ・アクセシビリティ・イニシアチブを通じたW3C（ワールド・ワイド・ウェブ・コンソーシアム）である。

ADAに準拠するためのWCAGのバージョン2は、これまでに3回の改訂を経ている：

• WCAG 2.0 - 2008年12月発行
• WCAG 2.1 - 2018年6月発行（2023年9月更新予定）
• WCAG 2.2 - 2023年10月発行

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

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

注：この記事を書いている時点では、WCAG 2.2がウェブコンテンツのアクセシビリティにおける最新の基準です。しかし、WCAG 3.0は進行中です。コンテンツ・アクセシビリティ・ガイドラインの発展に関して、最新情報を得ることは重要である。

このリンクをブックマークする今後の展開のために。

WCAG 2.2は誰のためにあるのか？

ウェブ・アクセシビリティ・イニシアティブ（Web Accessibility Initiative）によるWCAG 2.2は、デジタル・アクセシビリティのためのウェブサイト設計のルールを規定しているため、その内容は主に以下を対象としている：

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

それに加えて、WCAGは成長企業の経営者にとっても重要であり、最終的に行動を決定するのは経営者であることを付け加えたい。

WCAG2.2におけるPOUR原則と13のガイドライン

WCAGの13のウェブ・アクセシビリティ・ガイドラインはすべて、P-O-U-R原則と呼ばれる4つの基本原則を軸としている。

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

知覚可能

知覚可能なウェブサイトを持つということは、ユーザーが画面上に表示されている情報を知覚できることを意味します。この原則により、ユーザーは視覚、聴覚、触覚といった支配的な感覚を通じてコンテンツを利用することができます。

これは、テキスト以外のコンテンツには代替手段を、マルチメディアにはクローズドキャプションを提供することで達成される。さらに、この原則は、色のコントラストやテキストのサイズ変更（または拡大）機能によって、コンテンツが適応可能で区別可能であることを保証します。

知覚可能性のガイドライン：

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

操作可能

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

この原則は、ユーザーがコンテンツを理解するのに十分な時間を確保しながら、純粋にキーボードやその他の専門的な機器を使って対話できることを保証するものである。さらに、操作可能であるということは、発作のような障害を引き起こさないコンテンツを持つということである。

操作性の原則：

5. キーボードからすべての機能を利用できるようにする
6. ユーザーがコンテンツを読み、利用するのに十分な時間を与える
7. 発作的な身体反応を引き起こすコンテンツを使用しないこと
8. ユーザーがナビゲートしてコンテンツを見つけられるようにする
9. キーボード以外の入力を使いやすくする

理解できる

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

これには、テキストを読みやすくし、ウェブページを予測可能な方法で操作できるようにする一方で、障害のあるユーザーがインタラクションのミスを回避したり修正したりできるようにすることも含まれる。

理解可能性の原則：

10. 読みやすく、理解しやすい文章にする
11. コンテンツが予測可能な方法で表示され、動作するようにする
12. ユーザーのミスの回避と修正をサポート

堅牢

ウェブコンテンツ・アクセシビリティ・ガイドラインに従って堅牢なウェブサイトを持つには、支援技術などのさまざまなユーザーエージェントが確実に解釈できるコンテンツを作成する必要があります。これにより、技術が変化し進歩しても、コンテンツがアクセシブルであり続けることが保証されます。

堅牢なウェブサイトには、現在および将来のさまざまなプラットフォームで機能する、クリーンで構造化されたコードが含まれます。

頑健性の原則：

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

早読み:[チュートリアル] PageFlyでShopifyのテーマをレスポンシブにする方法

スマート・サブスクリプションで収益を拡大

柔軟なプランとスマートな加入者管理ツールで、継続的な収益を構築。

30％オフ

WCAG 2.2準拠のレベル

出典Pexels

Shopifyの店舗やその他のウェブサイトがADAに準拠するためには、最新のウェブコンテンツアクセシビリティコンテンツガイドラインに従わなければならないことはすでに述べた。

それに加えて、WCAG2.2では、86の成功基準を用いて検査され、合格か不合格かで評価される3つの準拠レベルもある。

レベルA

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

レベルAA

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

レベルAAA

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

ShopifyストアのWCAG 2.2準拠レベルは？

一般的に、アクセシビリティに関する法律では、レベルAAの遵守を義務付けています。なぜなら、これらの基準を遵守することで、一般的に、障害を持つほとんどのユーザーがWebサイトにアクセスできるようになるからです。

ShopifyストアをADA対応にするには？

ソースオーディオアイ

オンラインストアのアクセシビリティを向上させることで、能力の有無にかかわらず、ほとんどの人が利用できるようになるため、利用者のエンゲージメントを大幅に高めることができます。

このように、Shopifyストアでアクセシビリティの問題を特定することは、あなたのブランドに忠実である可能性のある新しい視聴者のセットを歓迎することになります。

このことを念頭に置いて、ShopifyのストアをADAに対応させるためにできる基本的なアクションを見てみましょう。

画像のAltテキスト

Shopifyストアにコンテンツを追加する際、Altテキストは当たり前のように使われがちです。しかし、これらの説明は、スクリーンリーダーに頼っている視覚障害のあるユーザーがコンテンツを理解するのに役立つため、ウェブサイトのアクセシビリティにおいて大きな役割を果たします。

さらに、代替テキストは、画像が読み込まれなくてもテキストが読み込まれるため、インターネット接続が遅いユーザーにもメリットがある。

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

ビデオの字幕を閉じる

YouTubeに表示されるクローズ・キャプション（CC）は、聴覚障害者にとって不可欠なものです。これらのキャプション（字幕とも呼ばれる）は、ビデオの音声部分をテキスト化したもので、より利用しやすくなっています。

しかし、クローズド・キャプションは聴覚障害者に恩恵をもたらすだけでなく、正常な聴覚を持つ私たちの多くにも恩恵をもたらす。

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

色の正しい使い方

Shopifyストア全体に高コントラストカラーを使用することで、ビジュアル要素が読みやすくなります。これは、CVDの色覚障害を持つユーザーがアクセスしやすいウェブサイトを作るために特に重要です。

また、情報を伝えるのに色に頼るのは避けましょう。代わりに、線、パターン、適切なセクション間隔を使用する。

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

点滅や点滅するコンテンツは、何の障害もない人々の注意をそらす可能性があります。光過敏性てんかんのユーザーなど、視覚障害のある人にとっては、発作を誘発する可能性があるため、なおさらです。

したがって、すべてのユーザーに安全でアクセスしやすいブラウジング体験を提供するために、ウェブサイト上で点滅する要素を使用することは避けてください。

点滅を避けられない場合は、十分な警告を行う。

オーディオ＆ビデオ自動再生

動画はShopifyストアのビジュアルストーリーテリングに役立ちます。しかし、コンテンツが読み込まれると同時に自動的に再生される動画は、スクリーンリーダーを頼りにしている人々を混乱させる可能性があります。

ユーザーがサイトをナビゲートする妨げになる可能性があるため、動画や音声の自動再生は避けましょう。代わりに、必要に応じてコンテンツを一時停止、再生、再生のオプションを提供することで、ユーザーが再生をコントロールできるようにします。

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

Shopifyストア用アクセシビリティ・アプリ

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

これらの基準を常に把握しておくことは難しいかもしれない。しかし、Shopifyのアプリストアにはそれを手助けするツールがある。

アクセシビリティ・アプリのトップ3を紹介しよう：

アクセシビリティ・スパーク ADA & WCAG

格付け 5 out of 5 (50+ reviews).

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

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

主な特徴

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

アクセスしやすい

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

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

前回のアプリは、AIを使うことでShopifyをADA対応にするために必要な機能をすべて備えている。しかし、中小企業にとっては少々値段が高すぎるかもしれない。

そのため、他のShopifyアプリもAccessiblyと同じように検討した方がいいかもしれない。

アメリカ障害者法への適合証明書を提供するものではありませんが、ShopifyをADAに適合させるために必要な機能を備えています。

主な特徴

• コンテンツ、色、ナビゲーションのアクセシビリティに関するビジター・オプション
• AIが生成した画像のaltテキスト
• Shopifyストアのアクセシビリティ・ステートメントを作成する
• アクセシビリティのエンゲージメントを追跡する詳細な分析

ウェブ・アクセシビリティ by accessiBe

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

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

accessiBeによるウェブアクセシビリティは、AIを活用してすべてのShopifyストアにアクセシビリティソリューションを提供します。ADAやWCAG準拠の認証取得を支援するソリューションを求めるストアオーナーにとって、より手頃な価格のオプションです。

主な特徴

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

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

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

価格月額24ドルから。無料プランあり。

PageFlyは、先に紹介したようなアクセシビリティに特化したアプリではない。しかし、PageFlyは、その柔軟なテーマエディタを通じて、アクセシブルなランディングページを作成するのに役立ちます。

主な特徴

• カスタマイズ可能なセクションとページのテンプレート
• あらゆるタイプのユーザーのためのCROに焦点を当てた要素
• 軽量なので、お店のスピードを落とさない
• あらゆるデバイスに対応するレスポンシブデザイン

結論潜在的な訴訟を避けたいのであれば、ADAの遵守は必須です。

この記事では、ADAへの準拠は、従うか従わないかの単純な提案ではないことを学んだ。むしろ、成長企業のオーナーにとっては、障害者がアクセスしやすいウェブサイトを作ることが法的義務なのです。

米国では、人々はアクセシビリティを非常に重要視しており、裁判所は、米国障害者法を遵守しない企業に罰則を科している。

実際、2022年だけでも、3000件以上のウェブサイト・アクセシビリティ訴訟が連邦裁判所に提起されている。しかも、これらの訴訟はさまざまな業種にまたがっている。

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

そのため、次のビジネスの大きな一手として、ADAへの対応を検討されることを強くお勧めします。コストはかかりますが、安心してビジネスを展開することができます。

しかし、金銭的なことはさておき、ShopifyをADAに対応させることは、あらゆるタイプのユーザーに平等なショッピング体験を提供するという社会的責任を果たすことになる。

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