チャコウェブラジオ

CAPTCHA（キャプチャ）はスパム対策として有効ですが、画像選択や歪んだ文字入力は人間でも失敗しやすく、視覚・言語の違いによって利用困難になる場合があります。WCAG2.0およびJIS X 8341-3:2016では使用自体は禁止されていませんが、電話など代替手段の提供が求められます。音声CAPTCHAも環境によっては聞き取りづらく課題があります。近年は操作不要で判定する仕組みが登場し、アクセシビリティと利便性の両立が進んでいます。CAPTCHAは便利だが失敗しやすい視覚・言語面で利用困難な場合ありWCAGは代替手段の提供を推奨音声CAPTCHAも使いにくい場面あり操作不要型がアクセシビリティ向上「チャコウェブラジオ」は株式会社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

「高齢者や障害者のための特別なもの」というイメージが先行しているアクセシビリティ。本来は、すべての人にとって価値があるものなので、3回シリーズでライフスタイルの側面から考えてみることにしました。3回シリーズ最終回は「子育て編」。子育て中は、抱っこや見守りで手がふさがり、注意も途切れやすくなります。そこで、大きなタップ領域や片手で使いやすい操作、字幕や音声対応、見出しで把握しやすい構造、自動保存機能などが役立ちます。片手で操作できる構造リンクやボタンを押しやすくする中断しても再開しやすい配慮集中できない環境でもわかりやすくする寝かしつけなど音を出せない時の動画字幕子どもの相手をしている時に音声読み上げは便利見出し構造は理解しやすくなる「チャコウェブラジオ」は株式会社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

ライフステージの様々な側面からアクセシビリティとの密接な関わりをみていく3回シリーズの2回目「勉強編」。音声学習が学びの選択肢を広げる動画に付いている字幕が静かな場所での学習を助けてくれる読みやすい表示は人を選ばず理解を促進する自分に合った学び方を選べることが大切です参照：三省堂 | 日本最大級のオーディオブック配信サービス audiobook.jp「チャコウェブラジオ」は株式会社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

「高齢者や障害者のための特別なもの」というイメージが先行しているアクセシビリティ。本来は、すべての人にとって価値があるものなので、3回シリーズでライフスタイルの側面から考えてみることにしました。3回シリーズ初回は「仕事編」仕事とアクセシビリティとのかかわりは意外と多く、生産性や効率性の向上にも大きく寄与しています。屋外や移動中でも見やすさが重要見出し構造で情報収集のおスピードアップフォームの分かりやすさ、送信しやすさが機会損失を防ぐ現在の仕事シーンは環境が一定ではないPCとスマホ対応が業務を支えます「チャコウェブラジオ」は株式会社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

ファーストビューのスライドショーや動画、モーダル、タブは魅力的。一方で実装の仕方によってはアクセシビリティを損ないます。サイトのデザインとウェブアクセシビリティの実現は相反するものなのか。回避策などについて話しています。「チャコウェブラジオ」は株式会社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

アクセシビリティ対応は配色やコントラストなど、デザイン面がよく話題になります。それ以外でも実は配慮できることがある点について話してみました。アクセシビリティはデザインだけではない非デザイナーも文章面で配慮できるやさしい日本語で短文・一文一義にする敬語や慣用句を減らし表現を明確にする用語を統一し情報の整理で伝わりやすくするふりがな・分かち書き・図で理解を助ける医療や行政など重要情報は優先して配慮する参照：「やさしい日本語」とは | TIPS達成基準 3.1.5: 読解レベルを理解するAmeba Accessibility Guidelines「チャコウェブラジオ」は株式会社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のグレースケール体験をしてみました。普段何気なく使っていたコンテンツが突然「使いにくい」経験をしたことで、発見や気付きを語ります。グレースケールでアプリが探しにくい色で無意識に情報を判別していたシンプルなアイコンほど見つけやすい色だけの既読未読表示は誤解を招くパステル色分けは濃淡が分かりにくい枠線・形・文字など色以外も必要重要な通知や緊急表示は優先的に配慮していきたい「チャコウェブラジオ」は株式会社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の画面をアクセシビリティ設定のカラーフィルタでグレースケールに変更した体験を紹介します。色がなくなることでiPhoneの使用時間が減ったのは良いけれど…思わぬ発見がありました。・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

後編では、WCAG 2.0の残る2原則「理解可能」と「堅牢」を振り返ります。・理解可能の目的と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

WCAG 2.0を基準にウェブアクセシビリティの全体像を振り返ります。前編の今回は、WCAGの基本と4原則2つについて。・WCAGとJIS X 8341-3:2016の関係・WCAGの三層構造と4原則・知覚可能の4ガイドライン概要・操作可能の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

ウェブアクセシビリティに対応しないリスクを、使いやすさ・集客・法律の三つの観点から整理しています。・対応サイトは見やすく離脱が減る・非対応だとスマホ利用者を逃す・SEOや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

「初めて音声読み上げを聞いたときの感想」をそれぞれシェアします。・実際にスクリーンリーダーを使用している人の実演を見せてもらう・日常的に使う人の読み上げ速度が速すぎてびっくり・実利用では高速設定が一般的・「リンク／ボタン／画像」など役割が読まれるので、正しいマークアップと代替テキストは重要・制作者も実機で読み上げを試し課題発見・改善・小学校時代の原体験参照：スクリーンリーダーは様々なものがあり、機種にあらかじめ備え付けのものも増えています。NVDA日本語版「チャコウェブラジオ」は株式会社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人は、どんなことがきっかけでウェブアクセシビリティに対する熱量が高まったのか？きっかけについて語ります。・毎年5月第3木曜のGAAD Japan参加参照：GAADとは・さまざまな登壇者による発表で視野が拡張される体験・デジタル庁『ウェブアクセシビリティ導入ガイドブック』は今もアップデート中・みあさんとの1on1１・障害者差別解消法の改正・日本は、今アクセシビリティの移行期「チャコウェブラジオ」は株式会社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

よくやってしまう、ウェブアクセシビリティに適さないNG対応について語ります。代替テキストのよくあるNG：・画像ファイルをaltに入れてしまう・装飾画像まで説明を入れる・キーワード詰め込みデザイン優先でフォーカス表示を消す：・フォーカスをサイトデザインに合わせることは可能状態・意味を色だけで示す：・色以外の表現もする「チャコウェブラジオ」は株式会社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

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

今回は、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

今回は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

今回のテーマは2人が「日常生活でアクセシビリティを感じた瞬間」。・テレビCMに手話やオープンキャプションが増えた・駅や電車内モニターの字幕付きCMも見かけるようになった・駅、新しい商業施設、病院のエレベーターは開放時間延長や低い位置の大型ボタン配置、凹凸付きデザインで誰でも操作しやすくなっている「チャコウェブラジオ」は株式会社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

ガイドライン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

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

今回は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

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

今回から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

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

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

ウェブアクセシビリティにおける重要な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

「ガイドライン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

「ガイドライン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

今回から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

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

今回と次回は、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

前回に続いて、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