チャコウェブラジオ

メールフォームでよくある「困ったこと」について語ります。これはアクセシビリティだけの問題ではないかもしれません。・フォームで一番困るのは 「どこが」「何を」「どう直せばいいか分からないエラー表示」・エラーメッセージはフィールド単位で具体的に示そう・項目は必要最小限にしておく・オートコンプリート機能は大事「チャコウェブラジオ」は株式会社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

身近にあるけれど、適用が難しい「alt（代替テキスト）」。適切な代替テキストについて考えます。・装飾画像は空の alt=""で良いけれど、思想によって扱いが異なる・「文脈次第」・アイコンの代替テキストは空にすればよいという単純なものではない・AIは補助に使えるが要チェック「チャコウェブラジオ」は株式会社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

「アクセシビリティを知る前の自分に何を伝えたい？」パーソナリティ2人が過去の自分に向けて伝えたいことを振り返ります。・最初から全部やろうとしなくていい・少しずつ取り組むのが現実的・アクセシビリティは「特定の人だけの特別対応」ではなく「みんなが使いやすくすること」「チャコウェブラジオ」は株式会社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

アクセシビリティについて自由に語る雑談回。テーマは「アクセシビリティがあって助かったこと」。・iPhoneのAssistiveTouchは、アクセシビリティを知る前にかなりの人が使っている・ブラウザやOSのダークモード・音声読み上げ機能で家事や移動中に記事・電子書籍を聴ける・マウス不調時にキーボードフォーカスでフォーム送信・キーボード操作対応や配色切替など複数の利用方法を用意することは、ユーザビリティ向上と機会損失防止に直結する「チャコウェブラジオ」は株式会社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

アクセシビリティに関する雑談回。テーマは「アクセシビリティに触れたきっかけ」です。・Web学習書籍でWAI-ARIAを知る・iPhone 4SのAssistiveTouchが初のアクセシビリティに触れた瞬間・iPhoneのアクセシブル機能についての記事・字幕やスマホの補助機能など、アクセシビリティという言葉を知らなくても恩恵にあずかっている「チャコウェブラジオ」は株式会社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

APGを基にチェックボックスの実装を解説。チェックボックスは 2 状態（true/false）型と 3 状態（true/false/mixed）型の2種類あり、それぞれの具体的な説明と実装方法を紹介します。参照：Checkbox Pattern | APG | WAI | W3Chttps://www.w3.org/WAI/ARIA/apg/patterns/checkbox/「チャコウェブラジオ」は株式会社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

「WAI-ARIAの実践ガイドAPG」に基づいて、ボタン実装の基礎を解説する後編。button要素には自動的にbuttonロールが付与されますが、div要素などを使う場合はbuttonロールを設定する必要があります。アイコンがボタンになっている場合、スクリーンリーダーは読み取れません。このようなボタンを読み取れるようにするARIA属性があります。参照：Button Pattern | APG | WAI | W3C「チャコウェブラジオ」は株式会社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

「WAI-ARIAの実践ガイドAPG」に基づいて、ボタン実装の基礎を解説する前編。通常ボタン・トグルボタン・メニューボタンの3種類と、それぞれに必要なaria属性を紹介。ボタンとリンクの機能の違いを明確にして使用すること、キーボード操作の基本について、フォーカス移動の操作性について解説します。参照：Button Pattern | APG | WAI | W3C「チャコウェブラジオ」は株式会社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

APG（ARIA Authoring Practices Guide）は、WAI-ARIAを使ったアクセシブルなコンポーネント作成のためのガイドです。今回はAPGについての概要を解説します。ガイドラインサイトがリニューアルされ、コード例やデモが豊富に掲載されています。英語サイトですが、とても使いやすくなっているのでウェブアクセシビリティを実装する際にはおすすめです。参考：ARIA Authoring Practices Guide | APG | WAI | W3C「チャコウェブラジオ」は株式会社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

WAI-ARIAとARIAは同じ？それとも別物？ARIA in HTMLとは？関連文書がいろいろあるWAI-ARIAについての全体像を解説。どれを参照すればいいの？と悩む場合に聞いてみてください。参照：ARIA の達成方法「チャコウェブラジオ」は株式会社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

WAI-ARIAのステート（状態）とプロパティ（特性）について解説します。ステートは要素の現在の状態、プロパティは特性を示し、ロールと組み合わせることで支援技術に正確に伝わります。まずはセマンティックHTMLを優先することが前提となります。参照：ARIA5: ユーザインターフェース コンポーネントの状態 (state) を明示するために、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

WAI-ARIA（ウェイアリア）のロールについて解説します。WAI-ARIAのロールは6種類に分類されます（ランドマーク、文書構造、ウィジェット、ウィンドウ、ライブリージョン、抽象ロール）。基本はセマンティックHTMLを優先しますが、HTML要素で補えない部分を補完し、アクセシビリティを向上させるのがWAI-ARIAです。古いサイトやライブラリ使用時など、直接HTML要素を変更できない場合はロール付与で対応するなどがあります。「チャコウェブラジオ」は株式会社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

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

今回は番外編として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

本エピソードでは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

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

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

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

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

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