「チャコウェブラジオ」は株式会社Cyber Catsが運営するチャコウェブのスタッフが、、ウェブアクセシビリティを実践したい制作者やウェブ担当者に向けて、ゆっくりじっくり解説していくポッドです。
ご感想やチャコウェブへのご相談はメールフォームよりどうぞ。
https://www.chaco-web.com/contactus.html
出演：
やまぐちみあ（ウェブアクセシビリティマネージャー）
https://twitter.com/chacoweb_ymgc
社内で定期的に開催している勉強会では、制作メンバーとウェブアクセシビリティ関連の知識を共有したり、意見交換を積極的に行っています。
お客様のホームページ制作にあたっては、ディレクター、デザイナーとの打ち合わせ時にウェブアクセシビリティの観点からデザインや仕様の決定に携わっています。
よこやまゆみこ（ウェブマーケティングマネージャー）
https://twitter.com/chacoweb_yama
400件を超える中小企業のホームページ制作に関わり、ブログを9年間運用してきた経験から実践的なアドバイスを得意とし、コンテンツ発信を活用して企業の価値を高めるサポートをしています。
ポッドキャストの書き起こしサービス「LISTEN」はこちら
https://listen.style/p/chacoweb?k2xLjX2w
番組の魅力・推薦
#29 WCAG 2.0 解説シリーズPart11「『ガイドライン2.2 十分な時間』とその達成基準」
WCAG 2.0「ガイドライン2.2 十分な時間」についてと、このガイドラインに関する達成基準を詳しく解説します。制限時間の調整や延長、例外規定を理解し、すべてのユーザーが十分な時間を確保して利用できるウェブサイトを目指します。また、スライドショーやアニメーション、自動更新情報のアクセシビリティ向上方法も紹介します。 ウェブ制作者にとって重要なポイントを簡潔にまとめた内容です。 参考： ガイドライン 2.2: 十分な時間を理解する https://waic.jp/translations/WCAG21/Understanding/enough-time.html 達成基準 2.2.1: タイミング調整可能を理解する https://waic.jp/translations/WCAG21/Understanding/timing-adjustable.html 達成基準 2.2.2: 一時停止、停止、非表示を理解する https://waic.jp/translations/WCAG21/Understanding/pause-stop-hide.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
#28 WCAG 2.0 解説シリーズPart10「『ガイドライン2.1 キーボード操作可能』とその達成基準」
ウェブアクセシビリティにおける重要な4つの原則2つ目、WCAG 2.0のガイドライン2.1「キーボード操作可能」とその達成基準2.1.1「キーボード」、2.1.2「キーボードトラップなし」を解説します。 キーボード操作を可能にすることで、他の操作方法にも対応でき、ユーザーの使いやすさが向上します。特定のタイミングを要するキー操作を避け、キーボードトラップを防ぐことで、誰もが快適にウェブコンテンツを利用できます。 「達成基準 2.1.1: キーボード」では、可能な限りキーボードで操作できるように作成することを求めています。 「達成基準 2.1.2: キーボードトラップなし」では、キーボードフォーカスを「トラップ」しないようにコンテンツを作成するようもとめています。 参考： キーボード操作可能 - : - ガイドライン 2.1 を理解する 達成基準 2.1.1: キーボードを理解する 達成基準 2.1.2: キーボードトラップなしを理解する 「チャコウェブラジオ」は株式会社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
#27 WCAG 2.0 解説シリーズPart9「『ガイドライン1.4 判別可能』とその達成基準 後編」
「ガイドライン1.4 判別可能」とその達成基準について3回にわたって解説する3回目、最終回。 達成基準 1.4.4 テキストのサイズ変更ではキャプションおよび文字画像を除き、テキストはコンテンツや機能を損なうことなく、支援技術なしで200％までサイズ変更をできるようにすることを求めています。 ウェブサイトに「大・中・小」といった切り替えボタンで表示の拡大縮小を付ける方法もありますが、最近はブラウザで拡大縮小の昨日が付いているので、ユーザーが自由にサイズを変更できる支援をするほうが適切という意見があります。 達成基準 1.4.5 文字画像は、使用している技術で意図した視覚的提示が可能な場合、文字画像ではなくテキストを使用して情報を伝える必要があるとしています。 参考： 達成基準 1.4.4: テキストのサイズ変更を理解する 達成基準 1.4.5: 文字画像を理解する 「チャコウェブラジオ」は株式会社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
#26 WCAG 2.0 解説シリーズPart8「『ガイドライン1.4 判別可能』とその達成基準 中編」
「ガイドライン1.4 判別可能」とその達成基準について3回にわたって解説する2回目。 達成基準1.4.2「音声の制御」では、ウェブページ上の音声が自動再生され、3秒以上続く場合、その音声を一時停止・停止するメカニズム、またはシステム全体の音量に影響を与えず音量調整できる環境の提供が必要としています。 スクリーンリーダーユーザーは、自動再生される音声があると操作が困難になる可能性があるためで、この配慮は注意力が散漫になりがちなユーザーにも役立ちます。 音声の自動再生は避け、ユーザーの操作で再生されるのが理想的と考えます。 達成基準1.4.3「コントラスト（最低限）」では、テキストおよび文字画像の視覚的提示に、少なくとも4.5:1のコントラスト比が必要としています。 4.5:1以上のコントラスト比を確保することで、色覚特性のあるユーザーや中度のロービジョンユーザーが支援技術なしでテキストを読めるようになります。 コントラスト比の計算には自動算出ツールの使用がおすすめです。 このコントラスト比には例外が3つあり、大きな文字、付随的、ロゴタイプでは不要とされています。 しかし、大きな文字でもデバイスの多様性を考慮し、可能なら4.5:1以上にするのが望ましいという考えもあります。 参考： 達成基準 1.4.2: 音声の制御を理解する 達成基準 1.4.3: コントラスト (最低限)を理解する 「チャコウェブラジオ」は株式会社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
#25 WCAG 2.0 解説シリーズPart7「『ガイドライン1.4 判別可能』とその達成基準 前編」
今回から3回にわたりWCAG 2.0のガイドライン1.4 判別可能とその達成基準について解説します。 ガイドライン1.4はコンテンツを利用者にとって見やすく、聞きやすくすることを目的としており、前景と背景を区別することを求めています。 「前景と背景を区別すること」とは「もっとも重要なもの」と「付随するものや補助的なもの」を区別するようなことです。 ガイドライン1.4は支援技術がなくても幅広いユーザーがコンテンツを利用できる状態を重視している点が他のガイドラインと異なっています。 達成基準1.4.1「色の使用」では、情報を伝える際に色だけに頼らず、他の視覚的手段も併用することが求められている基準です。 リンクを色の違いだけでなく下線を使って示す、必須項目を赤枠だけでなく記号やテキストで示すなど。 グラフは色とパターンを併用して情報を伝えることで、色覚特性のあるユーザーやモノクロディスプレイ使用者にも情報が伝わりやすくなります。 参考： ガイドライン 1.4を理解する | WCAG 2.0解説書 達成基準 1.4.1: 色の使用を理解する 「チャコウェブラジオ」は株式会社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
#24 WCAG 2.0 解説シリーズPart6「『ガイドライン1.3 適応可能』とその達成基準 後編」
2回に分けてWCAG2.0 『ガイドライン1.3 適応可能』とその達成基準についての解説、後編です。 達成基準1.3.2「意味のある順序」と1.3.3「感覚的な特徴」について詳しく述べていきます。 達成基準1.3.2「意味のある順序」は、コンテンツの提示順序が意味に影響を及ぼす場合、正しい読み順がプログラムによる解釈が可能でなければならない。 意味のある順序でコンテンツを並べる。正しい順序でマークアップしないと、スクリーンリーダーが誤った順序で読み上げ、意味が伝わらなくなる。 達成基準1.3.3「感覚的な特徴」は、コンテンツの理解や操作の説明において、形、大きさ、視覚的な位置、方向、音などの感覚的な特徴だけに依存してはいけない。 感覚的な特徴に加えて、テキスト情報や他の識別子を提供する、複数の情報（位置、テキストラベル、形状など）を組み合わせて説明することで、さまざまな状況にあるユーザーに正しく情報が伝わるようにする。 参考： ガイドライン 1.3: 適応可能を理解する https://waic.jp/translations/WCAG21/Understanding/adaptable.html 達成基準 1.3.2: 意味のあるシーケンスを理解する https://waic.jp/translations/WCAG21/Understanding/meaningful-sequence.html 達成基準 1.3.3: 感覚的な特徴を理解する https://waic.jp/translations/WCAG21/Understanding/sensory-characteristics.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
#23 WCAG 2.0 解説シリーズPart5「『ガイドライン1.3 適応可能』とその達成基準 前編」
今回と次回は、2回に分けてWCAG2.0 『ガイドライン1.3 適応可能』とその達成基準についての解説をしていきます。 ガイドライン1.3「適応可能」は、情報や構造を損なうことなく、さまざまな方法でウェブコンテンツを提供できるように制作することを求めます。 「さまざまな方法」とは、視覚的な表現を音声で読み上げたり、よりシンプルなレイアウトに変更したりすること。 情報や構造を保たないと、支援技術を使用するユーザーなどが正しく情報を理解できなくなる可能性がある。 関連する達成基準は3つ。 1.3.1 情報及び関係性 1.3.2 意味のある順序 1.3.3 感覚的な特徴 達成基準1.3.1「情報及び関係性」は、視覚や聴覚で伝えられる情報や関係性をプログラムによる解釈が可能にするか、テキストで提供すること。 セマンティックHTMLでのマークアップは、情報や関係性をプログラムに正しく伝えるために重要。 参考： ガイドライン 1.3: 適応可能を理解する https://waic.jp/translations/WCAG21/Understanding/adaptable.html 達成基準 1.3.1: 情報及び関係性を理解する https://waic.jp/translations/WCAG21/Understanding/info-and-relationships.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
#22 WCAG 2.0 解説シリーズPart4「『ガイドライン1.2 時間依存メディア』とその達成基準 後編」
前回に続いて、WCAG 2.0の「ガイドライン1.2 時間依存メディア」に関連する達成基準を詳しく解説。 レベルAとAAの5つの達成基準を順に紹介し、それぞれの要件と対応方法を説明しました。 具体的には、収録済みの音声・映像コンテンツに対する代替コンテンツの提供、キャプションの追加、音声解説の提供などが求められます。ライブ配信のキャプションは難易度が高くAAとなっています。 これらの基準を満たすことで、ウェブアクセシビリティが向上し、より多くの人がコンテンツを利用できるようになります。 まずは対応可能な範囲から徐々に進めていくことが大切です。 参考： 達成基準 1.2.1: 音声のみ及び映像のみ (収録済) を理解する https://waic.jp/translations/WCAG21/Understanding/audio-only-and-video-only-prerecorded.html 達成基準 1.2.2: キャプション (収録済) を理解する https://waic.jp/translations/WCAG21/Understanding/captions-prerecorded.html 達成基準 1.2.3: 音声解説、又はメディアに対する代替 (収録済) を理解する https://waic.jp/translations/WCAG21/Understanding/audio-description-or-media-alternative-prerecorded.html 達成基準 1.2.4: キャプション (ライブ) を理解する https://waic.jp/translations/WCAG21/Understanding/captions-live.html 達成基準 1.2.5: 音声解説 (収録済) を理解する https://waic.jp/translations/WCAG21/Understanding/audio-description-prerecorded.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
#21 WCAG 2.0 解説シリーズPart3「『ガイドライン1.2 時間依存メディア』とその達成基準 前編」
今回から2回にわたってWCAG 2.0の「ガイドライン1.2 時間依存メディア」について詳しく解説します。 時間依存メディアとは、時間の経過に伴って変化する音声や映像。動画や音声には代替コンテンツを提供するように求められます。 代替コンテンツには、テキストトランスクリプト（音声の書き起こし）、キャプション（字幕：オープンキャプションとクローズドキャプションの2種類）、音声解説（映像内容を音声で説明）の3つがあります。 これらは、障害の有無や利用環境に関わらず、多くの人がコンテンツを利用できるようにするための手段です。例えば、音声を聞けない環境や視覚情報を得るのが難しい人でも、代替コンテンツを通じて情報を取得できます。代替コンテンツの提供は、ウェブアクセシビリティの向上だけでなく、コンテンツの利用範囲を広げる効果もあります。このガイドラインに関連する5つの達成基準については次回の後編で詳しく紹介します。 参考： ガイドライン 1.2: 時間依存メディアを理解する https://waic.jp/translations/WCAG21/Understanding/time-based-media.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
#20 WCAG 2.0 解説シリーズPart2「『ガイドライン1.1 テキストによる代替』とその達成基準」
WCAG 2.0のガイドライン1.1「テキストによる代替」と達成基準1.1.1「非テキストコンテンツ」について解説します。 非テキストコンテンツにはテキストによる代替が必要/非テキストコンテンツとは、画像や動画を指す/なぜテキストによる代替が必要なのか？/すべてのユーザーが情報にアクセスできるようにするため/テキストは拡大表示、音声読み上げ、点字など多様な形式に変換できるため、視覚障害や聴覚障害を持つ方でもコンテンツを理解できる/６つの例外/コントロール・入力、時間依存メディア、テスト、感覚的、CAPTCHA、装飾・整形・非表示 参考テキストによる代替 - : - ガイドライン 1.1 を理解する https://waic.jp/translations/UNDERSTANDING-WCAG20/text-equiv.html 非テキストコンテンツ：達成基準 1.1.1 を理解する https://waic.jp/translations/UNDERSTANDING-WCAG20/text-equiv-all.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
#19 WCAG 2.0 解説シリーズPart1「4つの原則・ガイドライン・達成基準の関係」
今回からWCAG 2.0 解説シリーズです。 Part1は「4つの原則・ガイドライン・達成基準の関係」。 WCAG 2.0の4つの原則（知覚可能、操作可能、理解可能、堅牢）と、それに対応するガイドラインおよび達成基準の関係性を解説します。 各原則の下にある12のガイドラインと、具体的な達成基準がウェブアクセシビリティの適合レベル（A、AA、AAA）にどのように影響するか概論を解説しています。 参考： WCAG 2.0 解説書のイントロダクション Web Content Accessibility Guidelines (WCAG) 2.0 「チャコウェブラジオ」は株式会社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
#18 適合レベルと対応度表記の関係とは？
今回は、WCAG 2.0とJIS X 8341-3:2016の適合レベルと対応度表記の関係について解説しています。 WCAGは世界的なウェブアクセシビリティ基準で、JIS X 8341-3は日本の規格です。 両者は内容が統一されており、ウェブサイトのアクセシビリティを示すための適合レベル（A、AA、AAA）と対応度表記（準拠、一部準拠、配慮）があります。 WCAG 2.0の3つの適合レベルから目標を決め、ウェブサイトのアクセシビリティ方針が策定されます。 達成基準を満たすように制作や対応を進め、試験を実施して結果を公開する流れです。 配慮の場合は試験の実施や結果公開は不要ですが、準拠、一部準拠と同じくウェブアクセシビリティ方針を作成します。 ウェブコンテンツの JIS X 8341-3:2016 対応度表記ガイドライン https://waic.jp/docs/jis2016/compliance-guidelines/202104/ 「チャコウェブラジオ」は株式会社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
#17 WCAGの4つの原則とは？
ウェブアクセシビリティを確保するための基本的な指針であるWCAGの4つの原則について解説します。 4つの原則とは：「知覚可能」「操作可能」「理解可能」「堅牢」 知覚可能: コンテンツがすべてのユーザーに認識可能 操作可能: ユーザーがコンテンツを操作できるようにすること 理解可能: コンテンツの内容や操作方法が、すべてのユーザーにとって分かりやすいこと 堅牢: どのようなデバイスや環境でもウェブコンテンツを使えるようにすること Web Content Accessibility Guidelines (WCAG) 2.0 https://waic.jp/translations/WCAG20/Overview.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
#16 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
#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
#14 適合レベルに適合する：後編
前回に引き続き、WCAG（ウェブコンテンツアクセシビリティガイドライン）の適合レベルについて詳しく解説しています。 「目標とする適合レベルに対応した達成基準」について Aに適合するにはAの達成基準、AAに適合するにはAとAAの達成基準すべてを、AAAに適合するにはA、AA、AAAすべての達成基準を満たす必要があります。 「適合している代替版を提供する」について 適合している代替版とは、元のウェブページがアクセシビリティの基準を満たしていない場合に、その代わりとして用意される、基準を満たしているページのことです。例えば、視覚障害のある人が利用しやすいように工夫されたページを用意することです。この代替版は、同じ内容や機能を持ち、常に最新の情報に更新される必要があります。また、代替版に簡単にアクセスできるリンクが元のページにあることも重要です。 参考： 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
#13 適合レベルに適合する：前編
WCAG（ウェブコンテンツアクセシビリティガイドライン）の適合レベルについて語ります。 WCAGの適合レベルは、ウェブアクセシビリティの対応度を示す基準で、A、AA、AAAの3段階に分かれています。 Aは最低限の基準で、Aを達成していれば、最低限コンテンツにアクセスできるといえます。 さらに上のAAを達成していれば、どのような状況の人にとってもそれなりに使いやすいコンテンツにすることができるとされ、現在、行政機関のウェブサイトではAA達成を目標として定められています。 AAAは最も厳格で、現時点では達成するのが難しい技術もあるため目標として定めているところはほとんどありません。 適合レベルに適合するためには、各レベルに対応する達成基準をすべて満たす必要があります。 達成基準が適用されないコンテンツがあれば、それは適合として扱われます。 参考： 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
#12 WCAGにおける非干渉の考え方
今回のテーマは「WCAGにおける非干渉」です。 非干渉とは、特定の技術がアクセシビリティをサポートしていない場合でも、他のコンテンツへのアクセスが妨げられない状態を指します。 具体的には、特定の技術がユーザーエージェントで有効・無効か、またはサポートされているかに関係なく、ページがWCAGの適合要件を満たしていることが必要です。 また、依存していない技術も含め、全てのコンテンツが「音声の制御」「キーボードトラップなし」「3回の閃光または閾値以下」「一時停止、停止、非表示」の達成基準を満たしていることが求められます。 非干渉についての説明記事： Web Content Accessibility Guidelines (WCAG) 2.0 連載27：非干渉（JIS X 8341-3解説（7）） 「音声の制御」についての説明回はこちら： #9 ウェブアクセシビリティと音声の関係 「キーボードトラップなし」についての説明回はこちら： #10 キーボードトラップについて 「3回の閃光または閾値以下」についての説明回はこちら： #11 閃光の危険性とその対策について 「一時停止、停止、非表示」についての説明回はこちら： #7 ウェブアクセシビリティと動くコンテンツの関係：前編 #8 ウェブアクセシビリティと動くコンテンツの関係：後編 アクセシビリティサポーテッドとは： 「アクセシビリティサポーテッド（accessibility supported）」は、ウェブアクセシビリティにおいて使用される重要な概念で、特定のウェブ技術や機能が、アクセシビリティ支援技術（スクリーンリーダー、音声入力、拡大鏡など）と適切に連携し、利用者がその技術や機能を使用できることを意味します。 「チャコウェブラジオ」は株式会社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
#11 閃光の危険性とその対策
今回はウェブアクセシビリティ対応の中でも重要な「閃光」について解説しています。 ウェブコンテンツにおいて、閃光は発作を誘発する危険があり、特に注意が必要です。 WCAGの達成基準「2.3.1 3回の閃光、又は閾値以下」では、閃光を避けるか、1秒間に3回を超えないようにすることを推奨しています。 閃光が引き起こす発作には、目の痛みや頭痛、痙攣などがあり、過去にはアニメの演出で問題が発生しました。 対策としては、閃光を使用しないか、一般閃光閾値や赤色閃光閾値を下回るようにすることが重要です。 WCAG 2.0 達成基準2.3.1 3回の閃光、又は閾値以下:達成基準 2.3.1 を理解する 相対輝度とは： 相対輝度とは、物の明るさを比べる時に使う値のことです。簡単に言えば、「どのくらい明るく見えるか」を数字で表したものです。 相対輝度は0から1の間の数字で表されることが多く、0は最も暗い状態（完全な黒）、1は最も明るい状態（完全な白）を表します。その間の数字で、様々な明るさを表現します。 相対輝度 - Wikipedia 一般閃光閾値とは： 一般閃光閾値とは、発作を引き起こす可能性がある光の強さや頻度の基準です。この基準を超えると、一部の人が光に反応して発作を起こす危険があります。具体的には、1秒間に3回以上の強い光の点滅が続くと危ないと言われています。 赤色閃光閾値とは： 赤色閃光閾値とは、特に赤色の光が強く点滅する場合の基準です。人間の目は赤色の光に対して敏感で、強い赤色の点滅が発作を引き起こす可能性が高いため、この基準が設けられています。 G15: コンテンツが一般閃光閾値及び赤色閃光閾値を越えていないことを確認するためにツールを使用する | WCAG 2.0 達成方法集 「チャコウェブラジオ」は株式会社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
#10 キーボードトラップについて
今回はウェブアクセシビリティの重要な要素である「キーボードトラップなし」について説明します。 キーボードトラップとは、特定の要素にフォーカスが固定されてしまい、ユーザーがそこから抜け出せなくなる現象です。 キーボードのみで操作するユーザーがウェブサイト内を自由に移動できなくなるため、キーボードトラップが発生しないように設計することが大切です。 WCAGの達成基準「2.1.2 キーボードトラップなし」に基づき、誰でも使いやすいサイト作りの方法を解説しています。 参考： キーボードトラップなし - : - 達成基準 2.1.2 を理解する https://waic.jp/translations/UNDERSTANDING-WCAG20/keyboard-operation-trapping.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
こちらもおすすめ
楽しいラジオ「ドングリFM」
都内IT系の2人が話すポッドキャスト番組です。最近話題のニュース、日常に役立つ面白ネタなどを話します。国内・海外のIT事情に興味ある人にオススメの内容になっています。 ・お便りは https://goo.gl/p38JVb まで ・詳しいリンクはこちら https://linktr.ee/dongurifm ・リスナーコミュニティ「裏ドングリ」は以下からどうぞ https://community.camp-fire.jp/projects/view/206637 https://donguri.fm/membership/join BGMと最後の締めの曲はフリーBGM・音楽素材「 http://musmus.main.jp 」より。
LISTEN NEWS
LISTENは、AI文字起こしとコミュニティで、ポッドキャストを「聴く・配信する・つながる」ためのプラットフォームです。 公式番組「LISTEN NEWS」では、開発の裏話や近況も交えつつ、最新情報をお届けします。 LISTENはこちら→ https://listen.style/
上坂あゆ美の「私より先に丁寧に暮らすな」
歌人・エッセイストの上坂あゆ美（＋京都の僧侶・鵜飼ヨシキ）による雑談配信。人生の呪いからファミレスの好きなメニューの話まで幅広くお届け。 【初めての方におすすめ回】 #30 お菓子が人間だったら誰と付き合いたいか真剣に考える https://open.spotify.com/episode/751EzuNXjpgP2i53P7OtX7?si=XxN2eddURsas_JWE6KFu-A #163 恋愛ってマーージでクソだと思っている人の話 https://open.spotify.com/episode/1WgeglhRT5GQfqzkBO2bNF?si=1l0b2OBlTJq ▼ご意見ご感想は #よりすな ▼お悩みや質問はコチラまで https://forms.gle/1bqryhYcDWt334jZ7 ▼番組公式SNS https://x.com/yori_suna ▼番組へのお問い合わせはコチラまで yorisuna24@gmail.com ▼ポッドキャストの書き起こしサービス「LISTEN」はこちら https://listen.style/p/yorisuna?Egq5AoBB
歴史を面白く学ぶコテンラジオ （COTEN RADIO）
歴史を愛し、歴史を知りすぎてしまった歴史GEEK2人と圧倒的歴史弱者がお届けする歴史インターネットラジオです。 歴史というレンズを通して「人間とは何か」「私たち現代人の抱える悩み」「世の中の流れ」を痛快に読み解いていく！？ 笑いあり、涙ありの新感覚・歴史キュレーションプログラム！ ☆Apple & Spotify Podcast 部門別ランキング１位獲得！ ☆ジャパンポッドキャストアワード2019 大賞&Spotify賞 ダブル受賞！ ※正式名称は「古典ラジオ」ではなく「コテンラジオ」です ーーー COTEN RADIO is an entertainment radio talk program for history , published by the crazy history geeks group "COTEN" in Japan. ☆Apple & Spotify Podcast in Japan category ranking No.1 ! ☆Japan Podcast Awards 2019 Grand prize and Spotify prize !
IBUKI STATION
ここはアウトドア向けGPSトラッキング「IBUKI」にまつわる人々が集まる場所。 トレイルラン、登山、冒険、ランニング、自転車、ロゲイニング、、 スタイルは数あれど、共通しているのは自然を楽しみ、そして人とのつながりも楽しむ姿勢。 自然を目一杯楽しみ、苦しみながら、人と接する喜びにも気付く。 アウトドアを満喫するみなさんが、ほっとできるIBUKI STATIONです。 IBUKI https://ibuki.run/ 近藤淳也 IBUKIを提供する株式会社OND代表。ポッドキャストプラットフォーム「LISTEN」も展開 桑原佑輔 OND所属。IBUKI事業担当営業・テクニカルディレクター
桃山商事
コミュニケーション、男性性、恋愛、人間関係、ジェンダー、ケア、孤独、性欲、会社、友情、老い……メンバーがその時々で気になったテーマを１つ設定して、モヤモヤを言語化していくNEOな座談Podcastです。2011〜2016年「二軍ラジオ」(ApplePodcast)、2017〜2024年「恋愛よももやまばなし」(ニコ生→Podcast)を配信していました。清田隆之(文筆業)、森田(会社員)、ワッコ(会社員)、さとう(会社員)の４人でお届けします。