---

 [        ![acquia optimize product page](/sites/default/files/styles/product_header_icon/public/media/image/2024-04/Monsido%20by%20Acquia%20Logo.png?itok=665xcojC) 

Acquia Web Governance

 

 ](/jp/products/acquia-web-governance)

- [機能](/jp/products/acquia-web-governance/features)
    - [全機能](/jp/products/acquia-web-governance/features)
    - [アクセシビリティ](/jp/products/acquia-web-governance/features/web-accessibility)
    - [ブラウザ拡張機能](/jp/products/acquia-web-governance/features/browser-extension)
    - [ハートビート](/jp/products/acquia-web-governance/features/heartbeat)
    - [ポリシー](/jp/products/acquia-web-governance/features/policy)
    - [品質保証](/jp/products/acquia-web-governance/features/quality-assurance)
    - [SEO](/jp/products/acquia-web-governance/features/seo)
    - [統計情報](/jp/products/acquia-web-governance/features/statistics)
- [アドオン](/jp/products/acquia-web-governance/features)
    - [同意管理ツール](/jp/products/acquia-web-governance/consent-manager)
    - [データプライバシー](/jp/products/acquia-web-governance/data-privacy)
    - [ヒートマップ](/jp/products/acquia-web-governance/heatmaps)
    - [PageAssist™](/jp/products/acquia-web-governance/pageassist)
    - [PageCorrect™](/jp/products/acquia-web-governance/pagecorrect)
    - [パフォーマンス](/jp/products/acquia-web-governance/performance)
- [インテグレーション](/jp/products/acquia-web-governance/integrations)
- [使用事例](/jp/products/acquia-web-governance/use-cases)
- [リソース](/jp/resources?product%5B0%5D=432141)
    - [ブログ](https://www.acquia.com/blog/series/accessibility-and-inclusion)
    - [お客様の声](https://www.acquia.com/resources/case-studies?industry=&product=432141&page=0)
    - [ウェブアクセシビリティ入門](/jp/web-accessibility)
    - [アクセシビリティ関連法制の概要](/jp/accessibility-legislation-overview)
    - [ベンチマークレポート](/jp/products/acquia-optimize/resources/benchmarks)
    - [ツール](/jp/products/acquia-web-governance/tools)
    - [サポート・トレーニング](/jp/products/acquia-web-governance/support)
- [料金](/jp/products/acquia-web-governance/pricing)
 
 

 [無料スキャンを受ける](/products/acquia-web-governance/get-scan) 

 [ログイン](https://login.monsido.com/) 



 

 ## Breadcrumb

1. [Home](/jp)
2. Web Accessibility Legislation
3. ウェブコンテンツアクセシビリティガイドライン（WCAG）
 
  



 



# **ウェブコンテンツアクセシビリティガイドライン（WCAG）**

ウェブコンテンツアクセシビリティガイドライン（WCAG）は、World Wide Web Consortium（W3C）によって策定された国際的なアクセシビリティ標準です。

[専門家に相談する](/jp/request-a-demo/live-demo-form "ライブデモフォーム")

 

 

 

 

 

## **Webコンテンツアクセシビリティガイドライン（WCAG）とは？**







Webコンテンツアクセシビリティガイドライン（WCAG）は、World Wide Web Consortium（W3C）の一部であるWeb Accessibility Initiative（WAI）によって開発され、現在も継続的に改良されている国際標準です。WCAGは、障害を持つ方々にとってより利用しやすいWebを実現することを目的として作成されました。  
  
このガイドラインでは、Webサイトのコンテンツをアクセシブルにするための技術的な推奨事項を提供しています。また、米国の障害者法（ADA）やヨーロッパのWebアクセシビリティ指令など、Webサイトのアクセシビリティに関する多くの法的要件の基準として参照されています。  
  
WCAGそのものは法的強制力を持ちませんが、世界各国の義務的アクセシビリティ規制の基盤となっています。例えば、[セクション508](/jp/web-accessibility-legislation/section-508 "Section 508")、[AODA](/jp/web-accessibility-legislation/aoda "AODA")、CVAA、[オーストラリアDDA](/jp/web-accessibility-legislation/australian-dda "Australian DDA")は、WCAG 2.0レベルAおよびAAの達成基準に基づいています。さらに、[EUウェブアクセシビリティ指令](/jp/web-accessibility-legislation/eu-directive "EU Web Accessibility Directive")では、現在WCAG 2.1レベルAおよびAAへの準拠が要求されています。







## **WCAGバージョン2.0、2.1、2.2、3.0について**







WCAGは1995年に1.0が公開されて以来、何度かの更新を重ねています。WCAG 1.0はその後WCAG 2.0とその後続バージョンに置き換えられました。

- WCAG 2.0 - 2008年12月11日公開
- WCAG 2.1 - 2018年6月5日公開、現在W3C推奨版
- WCAG 2.2 - 2023年10月5日公開

新しいバージョンでは、新たな要求事項が追加されます。

- WCAG 2.0には61の達成基準がありました
- WCAG 2.1では、モバイルアクセシビリティ、ロービジョンの方々、認知・学習障害を持つ方々に対応するため、17の新しい達成基準が追加されました
- WCAG 2.2では、より幅広いユーザーがコンテンツにアクセスしやすくなることを目標として、2.1に9つの新しい達成基準と1つの更新が加えられています

WCAG 2の新しいバージョンは下位互換性があり、2.0のすべての要求事項が2.1と2.2に含まれています。そのため、最新版のガイドラインに適合するコンテンツは、旧版にも適合するはずです。  
  
現在の標準であるWCAGバージョン2.0と2.1は、知覚可能、操作可能、理解可能、堅牢（POUR）という4つの原則に基づいて分類されています。  
  
**知覚可能**  
情報を伝える要素やWebサイトのユーザーインターフェースコンポーネントは、ユーザーが発見、処理、理解できる方法で提示されなければなりません。  
  
**操作可能**  
Webサイト上のすべての機能とナビゲーションが使用できなければなりません。  
  
**理解可能**  
情報とユーザーインターフェースの操作は、あらゆる能力のユーザーにとって明確で理解しやすいものでなければなりません。  
  
**堅牢**  
Webサイトは、支援技術を含む様々な現在および将来のユーザーエージェントをサポートするために、適応・発展できなければなりません。  
  
各原則の下には、デジタルコンテンツをよりアクセシブルにする方法に関する推奨事項を提供する、テスト可能な達成基準があります。達成基準は、A、AA、AAAの3つのレベルに分類され、AがWCAG準拠の最も基本的なレベル、AAAが最も厳格なレベルです。  
  
[WCAGの要素とその達成基準への準拠方法について詳しく学ぶ](/jp/web-accessibility "WCAGの要素とその達成基準への準拠方法について詳しく学ぶ")  
  
2021年1月21日、WAIはWCAG 3.0の最初の作業草案を公開しました。WCAG 3.0は、WCAG 2シリーズよりもユーザーフレンドリーで柔軟性があり、さらに多くのコンテンツ、アプリ、ツール、そして組織や障害をカバーすることを意図した大幅な改訂として計画されています。WCAG 3.0は現在も開発中であり、完成まではまだ数年かかると予想されています。









## **WCAG A、WCAG AA、WCAG AAA準拠レベルの違い**  








WCAGでは、A、AA、AAAという3つのレベルに基づいて適合性を分類しています。WCAG準拠となるためには、これらのWCAGレベルのいずれかを完全に満たすことが要求されます。









### **最小限のWCAG準拠（レベルA）**







レベルAは、Webサイトのデザインや構造にそれほど影響しない基本的な要求事項を含む最低限の適合レベルです。  
  
レベルAの達成基準の例：

- 音声や動画などのすべての非テキストコンテンツには、同等の目的を果たすalt textやキャプションなどのテキスト代替が必要です
- ユーザーはキーボードのみを使用してWebサイトを効果的にナビゲートできます
- Webサイトで3秒以上自動再生される音声がある場合は、音量調整、停止、または一時停止の手段を提供してください
- 時間ベースのメディアや動画コンテンツには代替手段（音声トラックなど）を提供してください









### **適切なWCAG準拠（レベルAA）**







レベルAAは、通常WCAGを採用したほとんどのアクセシビリティ法で言及される準拠レベルです。レベルAAには、より多くの取り組みと技術的な介入が必要ですが、十分に機能するアクセシブルなサイトを実現します。  
  
レベルAAの達成基準の例：

- コンテンツに説明的な見出しとラベルを提供する
- メニューなどサイト上のナビゲーション要素は、Webサイト全体で一貫した繰り返し位置に配置する
- フォーム入力やボタンクリックなど、サイト上でアクションを実行する際にユーザー側でエラーが発生する可能性があります。エラーが発生した場合は、修正のための提案を提供する必要があります









### **最適なWCAG準拠（レベルAAA）**







レベルAAAは最適な適合のためのレベルですが、より厳格で詳細な技術要求事項のため、多くのサイトはこのレベルにありません。  
  
レベルAAAの達成基準の例：

- テキストおよびテキストの画像の視覚的表示は、最低7:1のコントラスト比を持つ必要があります
- 非インタラクティブな同期メディアやリアルタイムイベントを除き、すべてのコンテンツから時間制限を除去してください
- ユーザーがWebページで情報を送信する際、送信は取り消し可能で、入力エラーがチェックされ（エラーが発生した場合は修正提案を提供）、ユーザーが送信内容を確認し、必要に応じて編集できる確認メカニズムが用意されていなければなりません
- テキストの画像は避けるか、装飾目的でのみ使用してください









## **WCAG 2.1達成基準**







2018年に発表されたWCAG 2.1では、17の追加達成基準が定義されました。更新されたWCAGレベルに含まれる具体的なガイドラインのいくつかを以下に示します。







### **WCAG 2.1レベルAの達成基準**







レベルAの達成基準の例：

- 音声がテキスト代替でありそのようにラベル付けされている場合を除き、事前に録音された音声コンテンツにはキャプションを提供する必要があります
- コンテンツの順序がその意味にとって重要な場合（ページ上の複数列にわたるコンテンツなど）、読み順序はプログラムで決定可能でなければなりません
- 色は情報を伝えたり行動を促したりするための唯一の視覚的手段であってはなりません（「はい」の応答として選択されるべきことを示すテキストのない緑色ボタンなど）
- キーボードインターフェースでページのコンポーネントにフォーカスを移動できる場合、そのコンポーネントもキーボードインターフェースのみを使用してフォーカスから離れることができなければならず、またはページはフォーカスを離れる方法の説明を提供しなければなりません









### **WCAG 2.1レベルAAの達成基準**







レベルAAの達成基準の例：

- 特定の表示方向が不可欠でない限り、コンテンツ表示は縦向きまたは横向きの方向に制限されません
- Webページ上のテキスト（キャプションとテキストの画像を除く）は、支援技術なしに200%までサイズ変更でき、コンテンツや機能を失うことがありません
- 見出しとラベルはトピックや目的を説明します
- 一連のWebページ内で繰り返されるナビゲーション要素は、ユーザーが変更を開始しない限り、同じ相対順序で発生します









### **WCAG 2.1レベルAAAの達成基準**







レベルAAAの達成基準の例：

- すべての事前録音音声コンテンツに手話通訳があります
- 緊急時の中断を除き、ユーザーは中断を抑制または延期できます
- 略語の意味や展開形式を特定するためのメカニズムが利用可能です
- 慣用句、専門用語、および異常な方法で使用される単語や語句の意味を特定するためのメカニズムが利用可能です









## **誰がWCAGに準拠すべきか？**







WCAGは以下の方々向けのガイドラインとして意図されました：

- Webコンテンツ開発者（ページ作成者、サイトデザイナーなど）
- Web作成ツール開発者
- Webアクセシビリティ評価ツール開発者

しかし、Webサイトアクセシビリティの必要性が高まるにつれ、オンラインプレゼンスを持つすべての人がWebアクセシビリティの基準としてこれを使用すべきであることが明らかになっています。これには、政策立案者、管理者、研究者、教育者、マーケター、コミュニケーターが含まれます。また、多くの国際法制がWCAG 2.0レベルAAを最低限のWebアクセシビリティ準拠として参照しているため、世界中の多くの国でWebサイトを所有するすべての人に対してこれらのガイドラインへの準拠を義務付けています。









## **WCAGガイドラインに準拠することの利点**







WCAGガイドラインに準拠する企業は、障害を持つユーザーだけでなく、すべてのWebサイト訪問者にとってより良い体験を提供します。例えば、論理的なナビゲーションやテキストと背景色の高いコントラストは、あらゆる能力のユーザーがWebサイトとより良いインタラクションを持つのに役立ちます。  
  
WCAGガイドラインに準拠することのその他の利点：  
  
**法的リスクの軽減** — WCAGガイドラインそのものは強制力を持ちませんが、他の強制力を持つ規制に影響を与えます。WCAGに準拠していることで、企業はアクセシビリティ関連規制の違反を回避できるはずです。  
  
**検索関連性の向上** — すべてのユーザーに真にアクセシブルなWebサイトは、検索エンジンボットにも完全にアクセシブルです。これらのボット（Webサイトをクロールするソフトウェア）は、人間が見るようにすべてのコンテンツを見ることができないため、ボットがコンテンツの関連性を評価するのに役立つ追加のコンテキストは、WebサイトのSEOランキング向上に役立ちます。  
  
**新しいオーディエンスへのリーチ** — 世界人口の約15%が何らかの障害を持っています。Webサイトをアクセシブルにすることで、数多くの新しい訪問者を歓迎し、潜在的な新しい収益源を開拓することができます。







## **WebサイトのWCAG準拠レベルを確認する方法**







Webアクセシビリティはユーザーエクスペリエンスの譲れない側面であり、WCAGがアクセシビリティガイドラインの最も確立された基準であることから、あなたとあなたの組織がWebサイトを準拠させるために必要な手順を踏んでいることを確認する必要があります。  
  
Webアクセシビリティのテストと修正にはいくつかのアプローチがあります。まず、[WCAGリファレンスガイド](https://www.w3.org/WAI/WCAG21/quickref/ "WCAGリファレンスガイド")をレビューしてください。各推奨事項を詳細に説明し、その意図についてのコンテキストや、成功手法と失敗の例を提供しています。このガイドは、WCAG準拠を達成するための良い出発点です。  
  
WCAGへの準拠についてサイトをレビューするもう一つの方法は、サイトを監査してアクセシビリティの問題を特定できる自動テストツールを使用することです。Acquia Web Governanceは、対応した問題に基づいてアクセシビリティレベルを追跡するダッシュボードを提供します。しかし、すべての自動ツール同様、手動テストが必要です。  
  
Acquia Web Governanceは問題を発見し、いくつかの基本的な問題を自動的に修正することもできますが、私たちは常に手動レビューと修正を推奨しています。自動ツールは問題の発見に役立ちますが、Webアクセシビリティはユーザーが中心であるため、アクセシビリティを確保するには実際のユーザーテストと検証が必要です。







## **Acquia Web GovernanceがWebサイトのWCAG基準達成をどのようにサポートするか**







[Acquia Web GovernanceのWebアクセシビリティモジュール](/jp/products/acquia-web-governance/features/web-accessibility "Acquia Web GovernanceのWebアクセシビリティモジュール")は、WCAG 2.0および2.1（およびガイドラインの後続の更新）に対してサイト全体のアクセシビリティを監査します。  
  
各監査では、機械でテスト可能な問題についてサイトをスキャンし、発生する可能性のあるエラーをレビューできるよう詳細なレポートを提供し、ガイドラインに基づいてこれらのエラーに対処する方法について的を絞った推奨事項を提供し、レベルA、AA、AAAに基づいた準拠状況を示します。履歴センターのレポートを通じて、アクセシビリティ準拠の進捗状況を追跡し、証明することができます。また、お客様に対してアクセシビリティトレーニングとサポートを包括的に提供し、自動および手動修正方法の両方に精通し、Webサイトのアクセシビリティを効率的かつ一貫して改善できるよう支援しています。  
  
Acquia Web Governanceでは、Webアクセシビリティの取り組みを補完する無料ツールも提供しています。これには、WebチームがWebデザイン用の準拠色組み合わせをテストするためのカラーコントラストチェッカーや、Webアクセシビリティへのコミットメントを宣言し、Webアクセシビリティポリシーをすべてのユーザーに対して透明化するのに役立つ公的声明の生成を支援するアクセシビリティ声明ジェネレーターが含まれています。







---

## **よくあるご質問**







**WCAG 2.1は法的要件ですか？**







WCAG 2.1は現在強制力を持ちませんが、他の規制によってWebサイトがその推奨事項に準拠することを要求される場合があります。







**WCAG 2.0はまだ有効ですか？**







これまでのところ、WCAGの各バージョンは下位互換性があり、WCAG 2.0を含む以前のバージョンは依然として適用可能です。







**WCAGの改訂は準拠にどのような影響を与えますか？**







WCAG 2.2は2021年に公開される予定でした。新しい[2.2](https://www.w3.org/WAI/standards-guidelines/wcag/new-in-22/ "2.2基準はまだドラフト版です")







 

 

 

## 免責事項

本記事の情報は、Acquia Inc.および/またはその子会社・関連会社により提供されており、お客様に現在の法的動向についての一般的な理解を提供することを目的とした情報提供のためのものです。本記事は具体的な法的助言を提供するものではなく、お客様または第三者とAcquia Inc.および/またはその子会社・関連会社との間に弁護士・依頼者関係は存在しないことをご承知おきください。本記事は、お客様の管轄区域における認可を受けた弁護士からの適切な法的助言に代わるものとして使用されるべきではありません。

 

 

 

Image

        ![Acquia TV Logo](/sites/default/files/styles/wysiwyg_small_logo_desktop/public/media/image/2024-01/Acquia%20TV%20Logo_ACOM_0.png?itok=7iPJihWf) 

 



## アクセシブルなビジョン

アクセシビリティ専門家のヤヒヤ・サイード氏が、包括的なデジタル体験を構築することの重要性について語ります。

[今すぐ視聴 ↗](/tv/inclusive-brands/accessible-vision "An Accessible Vision")



 

        ![stylized graphic of Yahye Siyad](/sites/default/files/styles/feature_component_50x50_desktop/public/media/image/2024-03/An%20Accessible%20Vision%20Graphic.png?itok=mrKzN6U0) 

 





 ウェブサイトを改善しましょう 

#####  ウェブサイト最適化プロセスを効率的かつ効果的に行う方法をご確認ください。 

 [カスタムデモをご依頼ください](/jp/request-a-demo/live-demo-form)