「チャコウェブラジオ」は株式会社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
#42 WAI-ARIA解説シリーズPart1 「WAI-ARIAの基礎」
WAI-ARIA（ウェイアリア）は、W3Cが定めたウェブアクセシビリティ向上のための仕様です。複雑化したウェブサイトでHTMLだけでは不十分な場合に使用することで、支援技術に情報を伝えることができます。・役割を定義する「ロール」、状態を定義する「ステート」、特性を定義する「プロパティ」の3つの要素で構成・ボタンやメニューの動作、フォームのエラーメッセージなどを支援技術に伝えられる・JavaScriptによる動的更新情報もスクリーンリーダーに伝達可能・使用上の注意点：「できるだけHTMLで制作する 」「むやみに使わない」参考：WAI-ARIA 技術ノート | WCAG 2.0 達成方法集「チャコウェブラジオ」は株式会社Cyber Catsが運営するチャコウェブのスタッフが、ウェブアクセシビリティを実践したい制作者やウェブ担当者に向けて、ゆっくりじっくり解説していくポッドキャストです。ご感想やチャコウェブへのご相談はメールフォームよりお寄せください。https://www.chaco-web.com/contactus.html出演：やまぐちみあ（ウェブアクセシビリティマネージャー）https://x.com/chacoweb_ymgc社内で定期的に開催している勉強会では、制作メンバーとウェブアクセシビリティ関連の知識を共有したり、意見交換を積極的に行っています。お客様のホームページ制作にあたっては、ディレクター、デザイナーとの打ち合わせ時にウェブアクセシビリティの観点からデザインや仕様の決定に携わっています。また、ウェブアクセシビリティに関するブログ記事の更新も担当しています。よこやまゆみこ（ウェブマーケティングマネージャー）https://x.com/chacoweb_yamaブログを10年間運用してきた経験から実践的なアドバイスを得意とし、コンテンツ発信を活用して企業の価値を高めるサポートをしています。400件を超える中小企業のホームページ制作に関わり、SEO、コンテンツマーケティング、ライティングの知識を使ったコンテンツ制作で利益につなげる制作ディレクションと利益獲得のアドバイスをしてきました。ウェブの情報発信力を存分に活用する考え方を基礎からお伝えし、運用能力を身につけていただくお手伝いをしています。チャコウェブ公式サイトhttps://www.chaco-web.com/チャコウェブ公式Xhttps://x.com/_chacoweb株式会社Cyber Cats公式サイトhttps://cybercats.jp/ポッドキャストの書き起こし「LISTEN」はこちらhttps://listen.style/p/chacoweb?k2xLjX2w
#41 番外編：WCAG 2.0 解説シリーズを振り返りつつ、ウェブアクセシビリティについて私たちが思うこと。
今回は番外編としてWCAG 2.0 解説シリーズを振り返りながらパーソナリティ2人の雑談回です。・WCAG 2.0 解説シリーズを振り返って・WCAG 2.0を学ぶことで気づいた、日常生活とアクセシビリティ・ウェブアクセシビリティを実務で活かすためにどうすればよいか？・アクセシビリティを楽しく学ぶには？番組内で話題に出た書籍：『「良かったこと探し」から始めるアクセシブル社会: 障害のある人の日常からヒントを探る』公益財団法人共用品推進機構 (著), 星川 安之 (著)「チャコウェブラジオ」は株式会社Cyber Catsが運営するチャコウェブのスタッフが、ウェブアクセシビリティを実践したい制作者やウェブ担当者に向けて、ゆっくりじっくり解説していくポッドキャストです。ご感想やチャコウェブへのご相談はメールフォームよりお寄せください。https://www.chaco-web.com/contactus.html出演：やまぐちみあ（ウェブアクセシビリティマネージャー）https://x.com/chacoweb_ymgc社内で定期的に開催している勉強会では、制作メンバーとウェブアクセシビリティ関連の知識を共有したり、意見交換を積極的に行っています。お客様のホームページ制作にあたっては、ディレクター、デザイナーとの打ち合わせ時にウェブアクセシビリティの観点からデザインや仕様の決定に携わっています。また、ウェブアクセシビリティに関するブログ記事の更新も担当しています。よこやまゆみこ（ウェブマーケティングマネージャー）https://x.com/chacoweb_yamaブログを10年間運用してきた経験から実践的なアドバイスを得意とし、コンテンツ発信を活用して企業の価値を高めるサポートをしています。400件を超える中小企業のホームページ制作に関わり、SEO、コンテンツマーケティング、ライティングの知識を使ったコンテンツ制作で利益につなげる制作ディレクションと利益獲得のアドバイスをしてきました。ウェブの情報発信力を存分に活用する考え方を基礎からお伝えし、運用能力を身につけていただくお手伝いをしています。チャコウェブ公式サイトhttps://www.chaco-web.com/チャコウェブ公式Xhttps://x.com/_chacoweb株式会社Cyber Cats公式サイトhttps://cybercats.jp/ポッドキャストの書き起こし「LISTEN」はこちらhttps://listen.style/p/chacoweb?k2xLjX2w
#40 WCAG 2.0 解説シリーズPart22「『ガイドライン4.1 互換性』とその達成基準」
本エピソードではWCAG 2.0における4つ目の原則「堅牢」のガイドライン4.1「互換性」を解説します。堅牢は、コンテンツは、スクリーンリーダーなどの支援技術も含め、いろいろなブラウザやソフトで正しく読み取れるように作られる必要があり、どんな環境でも内容が崩れずにきちんと伝わる設計を求める原則のことです。達成基準4.1.1は、マークアップを正しく使用し、コンテンツを正確に解釈できるように求めています。達成基準4.1.2は、UI要素をプログラムで認識・操作可能にすることが重要としています。標準的なHTML要素を使用し、適切なマークアップで実装することが基準達成の近道です。参考：達成基準 4.1.1: 構文解析を理解する達成基準 4.1.2: 名前 (name)・役割 (role)・値 (value) を理解する「チャコウェブラジオ」は株式会社Cyber Catsが運営するチャコウェブのスタッフが、ウェブアクセシビリティを実践したい制作者やウェブ担当者に向けて、ゆっくりじっくり解説していくポッドキャストです。ご感想やチャコウェブへのご相談はメールフォームよりお寄せください。https://www.chaco-web.com/contactus.html出演：やまぐちみあ（ウェブアクセシビリティマネージャー）https://x.com/chacoweb_ymgc社内で定期的に開催している勉強会では、制作メンバーとウェブアクセシビリティ関連の知識を共有したり、意見交換を積極的に行っています。お客様のホームページ制作にあたっては、ディレクター、デザイナーとの打ち合わせ時にウェブアクセシビリティの観点からデザインや仕様の決定に携わっています。また、ウェブアクセシビリティに関するブログ記事の更新も担当しています。よこやまゆみこ（ウェブマーケティングマネージャー）https://x.com/chacoweb_yamaブログを10年間運用してきた経験から実践的なアドバイスを得意とし、コンテンツ発信を活用して企業の価値を高めるサポートをしています。400件を超える中小企業のホームページ制作に関わり、SEO、コンテンツマーケティング、ライティングの知識を使ったコンテンツ制作で利益につなげる制作ディレクションと利益獲得のアドバイスをしてきました。ウェブの情報発信力を存分に活用する考え方を基礎からお伝えし、運用能力を身につけていただくお手伝いをしています。チャコウェブ公式サイトhttps://www.chaco-web.com/チャコウェブ公式Xhttps://x.com/_chacoweb株式会社Cyber Cats公式サイトhttps://cybercats.jp/ポッドキャストの書き起こし「LISTEN」はこちらhttps://listen.style/p/chacoweb?k2xLjX2w
#39 WCAG 2.0 解説シリーズPart21「『ガイドライン3.3 入力支援』とその達成基準 後編」
ガイドライン3.3「入力支援」後編として、達成基準3.3.3「エラー修正の提案」と3.3.4「エラー回避（法的、金融、データ）」を解説します。達成基準3.3.3では、フォームの入力エラーを検出し、修正方法を提示することを求めています。前編で解説した達成基準3.3.1では、エラー箇所をテキストで通知することを求めていますが、さらにエラー箇所をどう修正するのか提示することを求める達成基準です。達成基準 3.3.4では、法的・金融取引や重要データの変更で、取り消し・チェック・確認のいずれかを提供し、ミスを防ぐよう求める基準です。参考：達成基準 3.3.3: エラー修正の提案を理解する達成基準 3.3.4: 誤り防止 (法的、金融、データ) を理解する「チャコウェブラジオ」は株式会社Cyber Catsが運営するチャコウェブのスタッフが、ウェブアクセシビリティを実践したい制作者やウェブ担当者に向けて、ゆっくりじっくり解説していくポッドキャストです。ご感想やチャコウェブへのご相談はメールフォームよりお寄せください。https://www.chaco-web.com/contactus.html出演：やまぐちみあ（ウェブアクセシビリティマネージャー）https://x.com/chacoweb_ymgc社内で定期的に開催している勉強会では、制作メンバーとウェブアクセシビリティ関連の知識を共有したり、意見交換を積極的に行っています。お客様のホームページ制作にあたっては、ディレクター、デザイナーとの打ち合わせ時にウェブアクセシビリティの観点からデザインや仕様の決定に携わっています。また、ウェブアクセシビリティに関するブログ記事の更新も担当しています。よこやまゆみこ（ウェブマーケティングマネージャー）https://x.com/chacoweb_yamaブログを10年間運用してきた経験から実践的なアドバイスを得意とし、コンテンツ発信を活用して企業の価値を高めるサポートをしています。400件を超える中小企業のホームページ制作に関わり、SEO、コンテンツマーケティング、ライティングの知識を使ったコンテンツ制作で利益につなげる制作ディレクションと利益獲得のアドバイスをしてきました。ウェブの情報発信力を存分に活用する考え方を基礎からお伝えし、運用能力を身につけていただくお手伝いをしています。チャコウェブ公式サイトhttps://www.chaco-web.com/チャコウェブ公式Xhttps://x.com/_chacoweb株式会社Cyber Cats公式サイトhttps://cybercats.jp/ポッドキャストの書き起こし「LISTEN」はこちらhttps://listen.style/p/chacoweb?k2xLjX2w
#38 WCAG 2.0 解説シリーズPart20「『ガイドライン3.3 入力支援』とその達成基準 前編」
WCAG 2.0「理解可能」原則のガイドライン3.3「入力支援」について、前後編に分けて解説。今回は前編です。ガイドライン3.3「入力支援」は、入力時のミスを減らし、エラーを特定・修正しやすくするためのもの。達成基準3.3.1ではエラー箇所のテキストによる提示について、3.3.2ではラベルや説明の適切な提供を求めることを基準としています。これらを達成すると使いやすさが向上します。ガイドライン 3.3: 入力支援を理解する達成基準 3.3.1: エラーの特定を理解する達成基準 3.3.2: ラベル又は説明を理解する「チャコウェブラジオ」は株式会社Cyber Catsが運営するチャコウェブのスタッフが、ウェブアクセシビリティを実践したい制作者やウェブ担当者に向けて、ゆっくりじっくり解説していくポッドキャストです。ご感想やチャコウェブへのご相談はメールフォームよりお寄せください。https://www.chaco-web.com/contactus.html出演：やまぐちみあ（ウェブアクセシビリティマネージャー）https://x.com/chacoweb_ymgc社内で定期的に開催している勉強会では、制作メンバーとウェブアクセシビリティ関連の知識を共有したり、意見交換を積極的に行っています。お客様のホームページ制作にあたっては、ディレクター、デザイナーとの打ち合わせ時にウェブアクセシビリティの観点からデザインや仕様の決定に携わっています。また、ウェブアクセシビリティに関するブログ記事の更新も担当しています。よこやまゆみこ（ウェブマーケティングマネージャー）https://x.com/chacoweb_yamaブログを9年間運用してきた経験から実践的なアドバイスを得意とし、コンテンツ発信を活用して企業の価値を高めるサポートをしています。400件を超える中小企業のホームページ制作に関わり、SEO、コンテンツマーケティング、ライティングの知識を使ったコンテンツ制作で利益につなげる制作ディレクションと利益獲得のアドバイスをしてきました。ウェブの情報発信力を存分に活用する考え方を基礎からお伝えし、運用能力を身につけていただくお手伝いをしています。チャコウェブ公式サイトhttps://www.chaco-web.com/チャコウェブ公式Xhttps://x.com/_chacoweb株式会社Cyber Cats公式サイトhttps://cybercats.jp/ポッドキャストの書き起こし「LISTEN」はこちらhttps://listen.style/p/chacoweb?k2xLjX2w
#37 WCAG 2.0 解説シリーズPart19「『ガイドライン3.2 予測可能』とその達成基準 後編」
2回にわたって解説するWCAG 2.0にあるガイドライン3.2「予測可能」についての後編です。 達成基準 3.2.3「一貫したナビゲーション」、達成基準 3.2.4「一貫した識別性」は、同一サイト内でのコンテンツ配置やボタンラベルを統一し、利用者が混乱なく操作できる状態を目指すことが求められています。 達成基準 3.2.3: 一貫したナビゲーションを理解する https://waic.jp/translations/WCAG21/Understanding/consistent-navigation.html 達成基準 3.2.4: 一貫した識別性を理解する https://waic.jp/translations/WCAG21/Understanding/consistent-identification.html 「チャコウェブラジオ」は株式会社Cyber Catsが運営するチャコウェブのスタッフが、ウェブアクセシビリティを実践したい制作者やウェブ担当者に向けて、ゆっくりじっくり解説していくポッドキャストです。 ご感想やチャコウェブへのご相談はメールフォームよりお寄せください。 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
#36 WCAG 2.0 解説シリーズPart18「『ガイドライン3.2 予測可能』とその達成基準 前編」
2回にわたって解説するWCAG 2.0にあるガイドライン3.2「予測可能」についての前編です。 画面のレイアウトや操作が一貫し、予測しやすいウェブを実現することが目的です。 達成基準3.2.1ではフォーカス時、3.2.2では入力時に不要なコンテキスト変化を避け、必要時は事前告知が推奨されます。 達成基準 3.2.1: フォーカス時を理解する https://waic.jp/translations/WCAG21/Understanding/on-focus.html 達成基準 3.2.2: 入力時を理解する https://waic.jp/translations/WCAG21/Understanding/on-input.html 「チャコウェブラジオ」は株式会社Cyber Catsが運営するチャコウェブのスタッフが、ウェブアクセシビリティを実践したい制作者やウェブ担当者に向けて、ゆっくりじっくり解説していくポッドキャストです。 ご感想やチャコウェブへのご相談はメールフォームよりお寄せください。 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
#35 WCAG 2.0 解説シリーズPart17「『ガイドライン3.1 読みやすさ』とその達成基準」
WCAG 2.0の4つの原則、3つ目「理解可能」を解説。 「読みやすさ」は、テキストの理解を助ける情報提供が重要としています。 言語を特定して支援技術が正確に読み上げられるよう、全体と部分の言語を指定します。 達成基準 3.1.1: ページの言語を理解する https://waic.jp/translations/WCAG21/Understanding/language-of-page.html 達成基準 3.1.2: 一部分の言語を理解する https://waic.jp/translations/WCAG21/Understanding/language-of-parts.html 「チャコウェブラジオ」は株式会社Cyber Catsが運営するチャコウェブのスタッフが、ウェブアクセシビリティを実践したい制作者やウェブ担当者に向けて、ゆっくりじっくり解説していくポッドキャストです。 ご感想やチャコウェブへのご相談はメールフォームよりお寄せください。 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
#34 WCAG 2.0 解説シリーズPart16「『ガイドライン2.4 ナビゲーション可能』とその達成基準 その4」
WCAG 2.0の「ガイドライン2.4 ナビゲーション可能」の最後の2つの達成基準について解説。 達成基準2.4.6は、見出しやラベルが内容を明確に示すことを要求します。 達成基準2.4.6「見出し及びラベル」: 見出しやラベルは、内容を明確に示す必要がある。ただし、必ず付ける必要はなく、付ける場合はわかりやすくする。 達成基準2.4.7「フォーカスの可視化」: キーボード操作でフォーカスが当たっている箇所を視覚的に示す必要がある。ただし、操作可能な要素が1つの場合は不要。 2.4.7は、キーボード操作でフォーカスが当たっている箇所を視覚的に示すことを要求します。 これらの達成基準を満たすためには、セマンティックHTMLによる適切なマークアップが重要です。 また、CSSでフォーカスインジケータを非表示にする場合は、別の方法でフォーカスを示す必要があります。 本エピソードを通して、アクセシブルなウェブサイトを作るために、見出し、ラベル、フォーカスの可視化がいかに重要であるかが理解できます。 達成基準 2.4.6 を理解する | WCAG 2.0解説書 https://waic.jp/translations/UNDERSTANDING-WCAG20/navigation-mechanisms-descriptive.html 達成基準 2.4.7: フォーカスの可視化を理解する https://waic.jp/translations/WCAG21/Understanding/focus-visible.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
#33 WCAG 2.0 解説シリーズPart15「『ガイドライン2.4 ナビゲーション可能』とその達成基準 その3」
今回はWCAG 2.0のガイドライン2.4「ナビゲーション可能」の達成基準2.4.4「リンクの目的（コンテキスト内）」と2.4.5「複数の手段」を解説します。 達成基準2.4.4「リンクの目的（コンテキスト内）」 2.4.4では、リンクテキストからリンク先を予測できるようにすること、特に「詳しく見る」といった曖昧な表現を避け、具体的な表現を用いることを推奨しています。 これはスクリーンリーダー利用者への配慮も含まれます。 2.4.5「複数の手段」 2.4.5では、ウェブサイト内で目的のページにたどり着くための複数の手段、例えばサイトマップや検索機能の提供が求められます。 これは、ユーザーの多様なニーズに応えるためです。 これらの達成基準は、ウェブサイトのナビゲーションをより分かりやすく、使いやすくするために重要です。 達成基準 2.4.4: リンクの目的 (コンテキスト内) を理解する https://waic.jp/translations/WCAG21/Understanding/link-purpose-in-context.html 達成基準 2.4.5: 複数の手段を理解する https://waic.jp/translations/WCAG21/Understanding/multiple-ways.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
#32 WCAG 2.0 解説シリーズPart14「『ガイドライン2.4 ナビゲーション可能』とその達成基準 その2」
WCAG2.0ガイドライン2.4ナビゲーション可能の解説 2回目。 達成基準2.4.2「ページタイトル」について ・ページの主題を示し、文脈なしでも内容がわかる、かつ簡潔なタイトルが必要（レベルA） ・「主題を明確に」「前後の文脈がなくても意味が伝わる」「簡潔に」の3点が重要 達成基準2.4.3「フォーカス順序」について ・ボタン・リンクなどのフォーカス可能要素は、画面表示や意味に沿った順序で移動できる必要がある（レベルA） ・ソースコードの順番とデザインの表示順を揃えると混乱を防ぎ、支援技術でも使いやすくなる ページタイトル : 達成基準 2.4.2 を理解する https://waic.jp/translations/UNDERSTANDING-WCAG20/navigation-mechanisms-title.html フォーカス順序 - : - 達成基準 2.4.3 を理解する https://waic.jp/translations/UNDERSTANDING-WCAG20/navigation-mechanisms-focus-order.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
#31 WCAG 2.0 解説シリーズPart13「『ガイドライン2.4 ナビゲーション可能』とその達成基準 その1」
今回から4回でWCAG2.0ガイドライン2.4ナビゲーション可能の解説に入ります。 ガイドライン2.4ナビゲーション可能は、4つの原則「操作可能」の一部で、ユーザーが迷わず目的のコンテンツへアクセスし、現在位置を把握できるようにすることが目的。 ナビゲーションには「現在地の把握」と「別の場所へ移動する」2つの役割があります。 達成基準2.4.1「ブロックスキップ」は、スクリーンリーダーやキーボード利用者が重複ブロックを飛ばし、メインコンテンツへ素早く移動できるようにする仕組みの提供が必要 ブロックスキップの実装方法として、先頭に「メインコンテンツへ移動」リンクを設置する、あるいは見出しタグでコンテンツをグループ化するなどが紹介されている ブロックスキップ : 達成基準 2.4.1 を理解する https://waic.jp/translations/UNDERSTANDING-WCAG20/navigation-mechanisms-skip.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
#30 WCAG 2.0 解説シリーズPart12「『ガイドライン2.3 発作の防止』とその達成基準」
WCAG 2.0「ガイドライン2.3 発作の防止」に基づき、閃光や点滅が引き起こす光過敏性発作を防ぐ方法を解説。 WCAGにおける「閃光」「点滅」とはどのようなものか、なぜ閃光を避けるべきなのかについても解説しています。 発作を防ぐ達成基準として、1秒間に3回を超える閃光の制限や、一般閃光閾値・赤色閃光閾値の重要性を紹介。 参考： 発作の防止 - : - ガイドライン 2.3 を理解する https://waic.jp/translations/UNDERSTANDING-WCAG20/seizure.html 3回の閃光、又は閾値以下:達成基準 2.3.1 を理解する https://waic.jp/translations/UNDERSTANDING-WCAG20/seizure-does-not-violate.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
#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
こちらもおすすめ
オカンの話なんて誰が聞くん？
運転しながら頭の中を垂れ流し ※音質わるいです🙇🏼♀️
LISTEN NEWS
LISTENからの最新情報をお届けする公式ポッドキャストです。
近藤淳也のアンノウンラジオ
株式会社はてな創業者であり現在もITの第一線で働く近藤淳也が、京都の宿UNKNOWN KYOTOにやって来る「好きなことを仕事にしている人」を深堀りすることで、世の中の多様な仕事やキャリア、生き方・働き方を「リアルな実例」として紐解いていきます。 . 【ホスト：近藤淳也】 株式会社OND代表取締役社長、株式会社はてな取締役、UNKNOWN KYOTO支配人、NPO法人滋賀一周トレイル代表理事、トレイルランナー。 2001年に「はてなブログ」「はてなブックマーク」などを運営する株式会社はてなを創業、2011年にマザーズにて上場。その後2017年に株式会社ONDを設立し、現在もITの第一線で働く。 株式会社OND: https://ond-inc.com/ . 【UNKNOWN KYOTO】 築100年を超える元遊郭建築を改装し、仕事もできて暮らせる宿に。コワーキングやオフィスを併設することで、宿泊として来られる方と京都を拠点に働く方が交わる場所になっています。 1泊の観光目的の利用だけではなく、中長期滞在される方にも好評いただいています。 web: https://unknown.kyoto/ . こちらから本文を読んだりコメントが書けます！ https://listen.style/p/unknownradio
楽しいラジオ「ドングリFM」
ブロガーとして人気の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ならではのポッドキャスト。
jkondoの朝の散歩
ポッドキャストプラットフォーム「LISTEN」や、GPSトラッキングサービス「IBUKI」、物件メディア「物件ファン」、京都の宿とコワーキング施設「UNKNOWN KYOTO」を運営する近藤淳也（jkondo）が、朝の散歩をしたりしながら、日々の出来事や考えたことを語ります。