チャコウェブラジオ

2回に分けてWCAG2.0 『ガイドライン1.3 適応可能』とその達成基準についての解説、後編です。 達成基準1.3.2「意味のある順序」と1.3.3「感覚的な特徴」について詳しく述べていきます。 達成基準1.3.2「意味のある順序」は、コンテンツの提示順序が意味に影響を及ぼす場合、正しい読み順がプログラムによる解釈が可能でなければならない。 意味のある順序でコンテンツを並べる。正しい順序でマークアップしないと、スクリーンリー...

今回と次回は、2回に分けてWCAG2.0 『ガイドライン1.3 適応可能』とその達成基準についての解説をしていきます。 ガイドライン1.3「適応可能」は、情報や構造を損なうことなく、さまざまな方法でウェブコンテンツを提供できるように制作することを求めます。 「さまざまな方法」とは、視覚的な表現を音声で読み上げたり、よりシンプルなレイアウトに変更したりすること。 情報や構造を保たないと、支援技術を使用するユーザーなど...

前回に続いて、WCAG 2.0の「ガイドライン1.2 時間依存メディア」に関連する達成基準を詳しく解説。 レベルAとAAの5つの達成基準を順に紹介し、それぞれの要件と対応方法を説明しました。 具体的には、収録済みの音声・映像コンテンツに対する代替コンテンツの提供、キャプションの追加、音声解説の提供などが求められます。ライブ配信のキャプションは難易度が高くAAとなっています。 これらの基準を満たすことで、ウェブアクセシ...

今回から2回にわたってWCAG 2.0の「ガイドライン1.2 時間依存メディア」について詳しく解説します。 時間依存メディアとは、時間の経過に伴って変化する音声や映像。動画や音声には代替コンテンツを提供するように求められます。 代替コンテンツには、テキストトランスクリプト（音声の書き起こし）、キャプション（字幕：オープンキャプションとクローズドキャプションの2種類）、音声解説（映像内容を音声で説明）の3つがありま...

WCAG 2.0のガイドライン1.1「テキストによる代替」と達成基準1.1.1「非テキストコンテンツ」について解説します。 非テキストコンテンツにはテキストによる代替が必要/非テキストコンテンツとは、画像や動画を指す/なぜテキストによる代替が必要なのか？/すべてのユーザーが情報にアクセスできるようにするため/テキストは拡大表示、音声読み上げ、点字など多様な形式に変換できるため、視覚障害や聴覚障害を持つ方でもコンテンツ...

今回からWCAG 2.0 解説シリーズです。 Part1は「4つの原則・ガイドライン・達成基準の関係」。 WCAG 2.0の4つの原則（知覚可能、操作可能、理解可能、堅牢）と、それに対応するガイドラインおよび達成基準の関係性を解説します。 各原則の下にある12のガイドラインと、具体的な達成基準がウェブアクセシビリティの適合レベル（A、AA、AAA）にどのように影響するか概論を解説しています。 参考： WCAG 2.0 解説書のイントロダクショ...

今回は、WCAG 2.0とJIS X 8341-3:2016の適合レベルと対応度表記の関係について解説しています。 WCAGは世界的なウェブアクセシビリティ基準で、JIS X 8341-3は日本の規格です。 両者は内容が統一されており、ウェブサイトのアクセシビリティを示すための適合レベル（A、AA、AAA）と対応度表記（準拠、一部準拠、配慮）があります。 WCAG 2.0の3つの適合レベルから目標を決め、ウェブサイトのアクセシビリティ方針が策定されます。...

ウェブアクセシビリティを確保するための基本的な指針であるWCAGの4つの原則について解説します。 4つの原則とは：「知覚可能」「操作可能」「理解可能」「堅牢」 知覚可能: コンテンツがすべてのユーザーに認識可能 操作可能: ユーザーがコンテンツを操作できるようにすること 理解可能: コンテンツの内容や操作方法が、すべてのユーザーにとって分かりやすいこと 堅牢: どのようなデバイスや環境でもウェブコンテンツを使えるよ...

前回に引き続き、ウェブアクセシビリティの国際基準であるWCAG2.0への適合要件について解説します。今回は、「ウェブページ全体」「プロセス全体」「技術のアクセシビリティサポーテッドな使用方法だけ」に焦点を当てています。 前回解説した「適合レベル」「非干渉」を含めた5つの要件を満たすことで、ウェブサイトはWCAG2.0に適合し、あらゆるユーザーがアクセスしやすいコンテンツを提供することが可能になります。 WCAG 2.0 へ...

今回は、ウェブアクセシビリティに関する国際的なガイドライン「WCAG2.0」への適合について。 適合要件として重要な5つのポイントを前編と後編に分けて詳しく説明し、今回はそのうち「適合レベル」と「非干渉」について詳しく解説します。 WCAG2.0の基準に準拠することで、ウェブサイトのアクセシビリティ向上を目指すための実践的な知識を学べます。 WCAG 2.0 への適合を理解する https://waic.jp/translations/UNDERSTANDING-WCA...

前回に引き続き、WCAG（ウェブコンテンツアクセシビリティガイドライン）の適合レベルについて詳しく解説しています。 「目標とする適合レベルに対応した達成基準」について Aに適合するにはAの達成基準、AAに適合するにはAとAAの達成基準すべてを、AAAに適合するにはA、AA、AAAすべての達成基準を満たす必要があります。 「適合している代替版を提供する」について 適合している代替版とは、元のウェブページがアクセシビリティの...

WCAG（ウェブコンテンツアクセシビリティガイドライン）の適合レベルについて語ります。 WCAGの適合レベルは、ウェブアクセシビリティの対応度を示す基準で、A、AA、AAAの3段階に分かれています。 Aは最低限の基準で、Aを達成していれば、最低限コンテンツにアクセスできるといえます。 さらに上のAAを達成していれば、どのような状況の人にとってもそれなりに使いやすいコンテンツにすることができるとされ、現在、行政機関のウェ...

今回のテーマは「WCAGにおける非干渉」です。 非干渉とは、特定の技術がアクセシビリティをサポートしていない場合でも、他のコンテンツへのアクセスが妨げられない状態を指します。 具体的には、特定の技術がユーザーエージェントで有効・無効か、またはサポートされているかに関係なく、ページがWCAGの適合要件を満たしていることが必要です。 また、依存していない技術も含め、全てのコンテンツが「音声の制御」「キーボードト...

今回はウェブアクセシビリティ対応の中でも重要な「閃光」について解説しています。 ウェブコンテンツにおいて、閃光は発作を誘発する危険があり、特に注意が必要です。 WCAGの達成基準「2.3.1 3回の閃光、又は閾値以下」では、閃光を避けるか、1秒間に3回を超えないようにすることを推奨しています。 閃光が引き起こす発作には、目の痛みや頭痛、痙攣などがあり、過去にはアニメの演出で問題が発生しました。 対策としては、閃光...

今回はウェブアクセシビリティの重要な要素である「キーボードトラップなし」について説明します。 キーボードトラップとは、特定の要素にフォーカスが固定されてしまい、ユーザーがそこから抜け出せなくなる現象です。 キーボードのみで操作するユーザーがウェブサイト内を自由に移動できなくなるため、キーボードトラップが発生しないように設計することが大切です。 WCAGの達成基準「2.1.2 キーボードトラップなし」に基づき、...

今回は番外編その1として、ゆみこがウェブアクセシビリティに接してからわかってきたことについて1人語りをしています。 ・情報が届かなければ、存在しないのと同じ ・障害かどうかはその時々によって認識が変わるもの 参考： 見えにくい、読みにくい「困った！」を解決するデザイン https://amzn.asia/d/0eabLlmt 【37-1】障害の歴史 〜声なき声に耳をすませば〜【COTEN RADIO 障害の歴史編1】歴史を面白く学ぶコテンラジオ （COT...

「チャコウェブラジオ」は株式会社Cyber Catsが運営するチャコウェブのスタッフが、ウェブアクセシビリティやSNS運用など、ウェブに関するテーマについて楽しくお話しするポッドキャストです。 第9回は、音声コンテンツとウェブアクセシビリティの関係について解説しています。 音声コンテンツをウェブページに導入する際、WCAGの達成基準1.4.2「音声の制御」を満たすことが重要です。この基準では、以下のことが求められています...

ウェブアクセシビリティと動くコンテンツの関係について解説します。 前編ではユーザーが動きを調節できる必要性を話しました。後編の今回は、ウェブアクセシビリティを確保しながらアニメーションや動きを付ける方法について説明します。 WCAGの達成基準2.2.2「一時停止、停止、非表示」では、「動き、点滅、スクロール」に関してと「自動更新」に関しての2つに分けて書かれています。 動きや点滅、スクロールが自動で開始し、5秒...

スライドショーのような動くコンテンツは、ウェブアクセシビリティに対応する時に使ってはいけないの？ こんな疑問について、丁寧に語っています。 動くコンテンツはユーザーが自分で動作を調節できることが重要です。 「チャコウェブラジオ」は株式会社Cyber Catsが運営するチャコウェブのスタッフが、ウェブアクセシビリティやSNS運用など、ウェブに関するテーマについて楽しくお話しするポッドキャストです。 ご感想やチャコウ...

「チャコウェブラジオ」は株式会社Cyber Catsが運営するチャコウェブのスタッフが、ウェブアクセシビリティやSNS運用など、ウェブに関するテーマについて楽しくお話しするポッドキャストです。 6回目では、なぜウェブアクセシビリティが注目されてきたのかについて語っています。 2023年4月1日に施行された障害者差別解消法の改正/改正により、事業者にも合理的配慮の提供が義務化された/「合理的配慮の提供」と「環境の整備」とは...

ウェブアクセシビリティに取り組む際どのように進める？対応の流れを具体的に解説します。 ウェブアクセシビリティの基準WCAGおよびJIS X 8341-3:2016/目標とする適合レベルを決定する/高い適合レベルは技術的に難しいこともあるので、決定の際は専門家と相談する/ウェブアクセシビリティのチェックツール/対応するものを洗い出し/部分対応か完全対応か/事前に方向性を決めることの重要性/試験の実施/結果/今後の対応方針/対応や...

ウェブアクセシビリティに対応する時、何から始めればいいのかわからない！ そんな時、最初にチェックしたいこと4つについてお話しています。 「チャコウェブラジオ」は株式会社Cyber Catsが運営するチャコウェブのスタッフが、ウェブアクセシビリティやSNS運用など、ウェブに関するテーマについて楽しくお話しています。 ご感想やチャコウェブへのご相談はメールフォームよりお寄せください。 https://www.chaco-web.com/contactu...

なぜ今ウェブアクセシビリティを向上させる必要があるの？ 一体どんなメリットがあるのか、隠れたニーズやビジネスの機会についてまで、さまざまな側面から考えてみます。 ウェブアクセシビリティ対応をするべきか迷っている方のヒントになるかもしれません。 番組の文字起こしファイルは ⁠こちら⁠ ⁠文字起こし：そもそもアクセシビリティとは？⁠ 「チャコウェブラジオ」は株式会社Cyber Catsが運営するチャコウェブのスタッフが、...

アクセシビリティっていったい何だろう？ バリアフリーやユニバーサルデザインと何が違うの？ 意外と身近にあるアクセシビリティなものについても知ることができます。  番組の文字起こしファイルは こちら 文字起こし：そもそもアクセシビリティとは？ 「チャコウェブラジオ」は株式会社Cyber Catsが運営するチャコウェブのスタッフが、ウェブアクセシビリティやSNS運用など、ウェブに関するテーマについて楽しくお話しするポッド...

ウェブアクセシビリティとは何だろう？ 具体的な例や対応するメリットについて語ります。 2024年4月1日から施行された改正障害者差別解消法により、一般事業者にも「環境の整備」が求められます。 法的強制力などはないものの、注目されてきたウェブアクセシビリティについて知ってみませんか？ 番組の文字起こしファイルはこちら ウェブアクセシビリティとは？文字起こし 「チャコウェブラジオ」は株式会社Cyber Catsが運営するチ...