1. チャコウェブラジオ
  2. #15 WCAG2.0への適合とは?:..
2024-08-15 11:46

#15 WCAG2.0への適合とは?:前編

今回は、ウェブアクセシビリティに関する国際的なガイドライン「WCAG2.0」への適合について。

適合要件として重要な5つのポイントを前編と後編に分けて詳しく説明し、今回はそのうち「適合レベル」と「非干渉」について詳しく解説します。

WCAG2.0の基準に準拠することで、ウェブサイトのアクセシビリティ向上を目指すための実践的な知識を学べます。

WCAG 2.0 への適合を理解する

https://waic.jp/translations/UNDERSTANDING-WCAG20/conformance.html

「チャコウェブラジオ」は株式会社Cyber Catsが運営するチャコウェブのスタッフが、ウェブアクセシビリティやSNS運用など、ウェブに関するテーマについて楽しくお話しするポッドキャストです。

ご感想やチャコウェブへのご相談はメールフォームよりお寄せください。

https://www.chaco-web.com/contactus.html

出演:

やまぐちみあ(ウェブアクセシビリティマネージャー)

https://twitter.com/chacoweb_ymgc

社内で定期的に開催している勉強会では、制作メンバーとウェブアクセシビリティ関連の知識を共有したり、意見交換を積極的に行っています。

お客様のホームページ制作にあたっては、ディレクター、デザイナーとの打ち合わせ時にウェブアクセシビリティの観点からデザインや仕様の決定に携わっています。

また、ウェブアクセシビリティに関するブログ記事の更新も担当しています。

よこやまゆみこ(ウェブマーケティングマネージャー)

https://twitter.com/chacoweb_yama

ブログを9年間運用してきた経験から実践的なアドバイスを得意とし、コンテンツ発信を活用して企業の価値を高めるサポートをしています。

400件を超える中小企業のホームページ制作に関わり、SEO、コンテンツマーケティング、ライティングの知識を使ったコンテンツ制作で利益につなげる制作ディレクションと利益獲得のアドバイスをしてきました。

ウェブの情報発信力を存分に活用する考え方を基礎からお伝えし、運用能力を身につけていただくお手伝いをしています。

チャコウェブ公式サイト

https://www.chaco-web.com/

チャコウェブ公式X

https://twitter.com/_chacoweb

株式会社Cyber Cats公式サイト

https://cybercats.jp/

ポッドキャストの書き起こし「LISTEN」はこちら

https://listen.style/p/chacoweb?k2xLjX2w


サマリー

チャコウェブラジオは東京都台東区にあるCyber Cats株という会社が運営しています。ウェブアクセシビリティやSNS運用についてのポッドキャスト番組です。

チャコウェブラジオの概要
ゆみこ:こんにちは。チャコウェブラジオは、 株式会社Cyber Catsが運営するチャコウェブのスタッフが、
ウェブアクセシビリティやSNS運用など、 ウェブに関するテーマについて楽しくお話しするポッドキャストです。
進行を担当するゆみこです。よろしくお願いします。
みあ:みあです。よろしくお願いします。
ゆみこ:今回のテーマは「 WCAG2.0への適合とは 前編」です。
みあ:今回と次回は、 WCAG2.0に適合するとはどういうことなのかを、 詳しく解説していきます。
ゆみこ:適合というと、ある条件などに当てはまることを指しますよね。
WCAG2.0への適合も同じ意味合いなんでしょうか?
みあ:はい。WCAG2.0が定めている条件に当てはまることを指します。
WCAG2.0に適合するためには、 5つの適合要件を満たすことが必要となります。
この適合要件について、 前編後編に分けて詳しくお話ししていきたいと思います。
ゆみこ:適合要件が5つもあるんですね。
みあ:はい、そうなんです。
先に5つお伝えしてしまうと、 1つ目が「適合レベル」
2つ目が「ウェブページ全体」
3つ目が「プロセス全体」
4つ目が「技術のアクセシビリティサポーテッドな使用方法だけ」
そして5つ目が「非干渉」です。
ゆみこ:うーん、なんだか難しそうですね。
ただ、適合レベルと非干渉については、 以前の回でやりましたよね。
みあ:はい、そうですね。
今回はその2つを振り返って、 残りの3つは後編でやっていきたいと思います。
適合レベルと非干渉の解説
みあ:早速ですが、 適合レベルとはどういったものだったか覚えていますか?
ゆみこ:はい、WCAGで定められた ウェブアクセシビリティへの対応度の基準ですよね。
確か、A、AA、 AAAの3段階に分かれていたと思います。
みあ:はい、その通りです。
各レベルの特徴も簡単にお話ししましたが、覚えていますか?
ゆみこ:はい。Aは最低限のアクセシビリティ対応。
AAは多くの人にとって使いやすくなり、 行政機関の目標にもなっているレベル。
AAAは最も厳格で、 現時点では達成困難な基準も含まれるレベルといった感じでした。
みあ:はい、そうですね。
現時点ではAAA適合が現実的ではないため、 通常はAかAAを目標とするというお話もしました。
ゆみこ:そうでしたね。
みあ:適合レベルに適合するには何が必要だったか覚えていますか?
ゆみこ:目標とするレベルの達成基準を全て満たす必要があるんでしたよね。
で、適用対象がない場合は自動的に適合とみなされるというお話だったと思います。
みあ:はい、その通りです。
また、技術的な問題などで達成基準を満たせない場合は、「適合している代替版」を用意して適合レベルに適合することもできるというお話もしました。
ゆみこ:はい。適合している代替版とは、達成基準に適合していないコンテンツの代わりに提供する一定の条件を満たした代替コンテンツのことですよね。
みあ:はい、そうです。
それでは、その一定の条件が何だったかは覚えているでしょうか?
ゆみこ:えーっと、まずは、指定されたレベルに適合している必要がありましたよね。
それから、不適合版と同じ情報・機能を同じ言語で提供していること、不適合版と同時に更新されていること。
あとは、ページへ到達するための方法に関する条件があったと思います。
みあ:はい、そうです。
指定されたレベルに適合していること、不適合版と同じ情報・機能を同じ言語で提供していること、不適合版と同時に更新されていること。
そして、ページへ到達するための方法が指定された条件のうち1つ以上に当てはまっていることという条件がありました。
ページへ到達するための方法に関する条件は、
1.アクセシビリティサポーテッドな方法で、不適合ページから適合版へ移動できること。
2.不適合版に到達できるのは、適合版からのみであること。
3.不適合版に到達できるのは、適合版に到達する方法も提供している適合ページからのみであること。
この3つでしたね。
ゆみこ:はい、そうでしたね。これらの条件をすべて満たすと、その適合レベルに適合していると言えるんですよね。
みあ:はい。そして、WCAG2.0の適合要件1「適合レベル」では、3つの適合レベルのうち、どれか1つを完全に満たしていることが求められています。
つまり、A、AA、AAAのどれか1つの適合レベルに適合することで、WCAG2.0の適合要件1を満たすことができます。
ゆみこ:3つの適合レベルのうち、どれかに適合することが、WCAG2.0の適合要件1を満たすことになるんですね。
みあ:はい、そうなんです。
それでは次に、非干渉について振り返ってみましょう。非干渉とはどんな状態だったか覚えていますか?
ゆみこ:えーと、確か、アクセシビリティサポーテッドではない技術や、適合しない技術が使われていても、他のコンテンツへのアクセスを妨げない状態のことでしたよね。
みあ:お、その通りです。ちなみに、アクセシビリティサポーテッドは、ユーザーエージェントと支援技術の両方でサポートされていて、実際に利用可能な状態を指しているんでしたよね。
ゆみこ:はい、そうですね。ユーザーエージェントというのは、ブラウザとか検索エンジンのことで、支援技術というのはスクリーンリーダーとか拡大鏡のことだったと思います。
みあ:はい、その通りです。
ゆみこ:「アクセシビリティサポーテッドではないコンテンツが他のコンテンツに影響を及ぼすと、たとえアクセシビリティに対応しているコンテンツがあっても、人によってはそれが利用できなくなる可能性がある。だから、非干渉の考え方が重要だ。」という解説があったと思います。
みあ:はい、そうです。非干渉は少し難しい概念ですが、とても重要なんですね。それでは、非干渉を実現するには、具体的にどうすればよかったでしょうか。
ゆみこ:まずは、アクセシビリティサポーテッドではない技術や、適合しない技術が使われていても、他のコンテンツへのアクセスを妨げないことが必要です。
で、次に適合の根拠になっていない技術、つまり依存していない技術がブラウザなどのユーザーエージェントで有効か無効か、またはサポートされているかどうかに関係なく、ページ自体は適合要件を満たしている必要があったと思います。
みあ:はい、そうです。それから、依存していないコンテンツも含めて、ページ上のすべてのコンテンツが4つの達成基準をクリアしている必要がありました。この4つは覚えていますか?
ゆみこ:「音声制御」、「キーボードトラップなし」、「3回の閃光、または閾値以下」、「一時停止、停止、非表示」でしたっけ?
みあ:はい、正解です。これらをすべてクリアすることで、非干渉の状態を実現することができます。
そして、非干渉を実現することで、WCAG2.0の適合要件5「非干渉」を満たすことができるんですね。
ゆみこ:うーん、やっぱり非干渉の考え方は複雑ですね。
みあ:はい、そうですね。非干渉について詳しく知りたい、振り返りたいという場合は、ぜひ「第12回 WCAGにおける非干渉の考え方」を聞き直してみてください。
また、適合レベルについては、「第13回 適合レベルに適合する 前編」、「第14回 適合レベルに適合する 後編」で詳しく説明しています。
ゆみこ:はい、以前の回では、具体例を挙げての解説もあったので、もう一度聞き直してみようと思います。
みあ:ぜひお願いします。適合要件はあと3つあるのですが、長くなってしまうので、今回はここまでにしておきます。
次回、残りの3つを紹介しますので、後編もお聞きいただければと思います。
ゆみこ:はい。本日のテーマは「WCAG2.0への適合とは 前編」でした。
お聞きいただきありがとうございました。
感想をいただけるととっても嬉しいです。
ハッシュタグ「チャコウェブラジオ」をつけて、ぜひSNS、X(旧Twitter)で投稿してください。
また、概要欄にメールフォームリンクをご用意しています。
ウェブアクセシビリティに対応したい方、チャコウェブにお仕事を依頼したい方や、ご相談がある方は、お気軽にメッセージをお寄せください。
次回もお楽しみに。
11:46

コメント

スクロール