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/
チャコウェブ公式X
https://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
出演：
やまぐちみあ（ウェブアクセシビリティマネージャー）
社内で定期的に開催している勉強会では、制作メンバーとウェブアクセシビリティ関連の知識を共有したり、意見交換を積極的に行っています。
お客様のホームページ制作にあたっては、ディレクター、デザイナーとの打ち合わせ時にウェブアクセシビリティの観点からデザインや仕様の決定に携わっています。
また、ウェブアクセシビリティに関するブログ記事の更新も担当しています。
よこやまゆみこ（ウェブマーケティングマネージャー）
ブログを10年以上運用してきた経験から実践的なアドバイスを得意とし、コンテンツ発信を活用して企業の価値を高めるサポートをしています。
400件を超える中小企業のホームページ制作に関わり、SEO、コンテンツマーケティング、ライティングの知識を使ったコンテンツ制作で利益につなげる制作ディレクションと利益獲得のアドバイスをしてきました。
ウェブの情報発信力を存分に活用する考え方を基礎からお伝えし、運用能力を身につけていただくお手伝いをしています。
チャコウェブ公式サイト
チャコウェブ公式X
株式会社Cyber Cats公式サイト
ポッドキャストの書き起こし「LISTEN」はこちら
「初めて音声読み上げを聞いたときの感想」をそれぞれシェアします。
・実際にスクリーンリーダーを使用している人の実演を見せてもらう
・日常的に使う人の読み上げ速度が速すぎてびっくり
・実利用では高速設定が一般的
・「リンク／ボタン／画像」など役割が読まれるので、正しいマークアップと代替テキストは重要
・制作者も実機で読み上げを試し課題発見・改善
・小学校時代の原体験
参照：スクリーンリーダーは様々なものがあり、機種にあらかじめ備え付けのものも増えています。
「チャコウェブラジオ」は株式会社Cyber Catsが運営するチャコウェブのスタッフが、ウェブアクセシビリティを実践したい制作者やウェブ担当者に向けて、ゆっくりじっくり解説していくポッドキャストです。
ご感想やチャコウェブへのご相談はメールフォームよりお寄せください。
https://www.chaco-web.com/contactus.html
出演：
やまぐちみあ（ウェブアクセシビリティマネージャー）
社内で定期的に開催している勉強会では、制作メンバーとウェブアクセシビリティ関連の知識を共有したり、意見交換を積極的に行っています。
お客様のホームページ制作にあたっては、ディレクター、デザイナーとの打ち合わせ時にウェブアクセシビリティの観点からデザインや仕様の決定に携わっています。
また、ウェブアクセシビリティに関するブログ記事の更新も担当しています。
よこやまゆみこ（ウェブマーケティングマネージャー）
ブログを10年以上運用してきた経験から実践的なアドバイスを得意とし、コンテンツ発信を活用して企業の価値を高めるサポートをしています。
400件を超える中小企業のホームページ制作に関わり、SEO、コンテンツマーケティング、ライティングの知識を使ったコンテンツ制作で利益につなげる制作ディレクションと利益獲得のアドバイスをしてきました。
ウェブの情報発信力を存分に活用する考え方を基礎からお伝えし、運用能力を身につけていただくお手伝いをしています。
チャコウェブ公式サイト
チャコウェブ公式X
株式会社Cyber Cats公式サイト
ポッドキャストの書き起こし「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/
チャコウェブ公式X
https://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
出演：
やまぐちみあ（ウェブアクセシビリティマネージャー）
社内で定期的に開催している勉強会では、制作メンバーとウェブアクセシビリティ関連の知識を共有したり、意見交換を積極的に行っています。
お客様のホームページ制作にあたっては、ディレクター、デザイナーとの打ち合わせ時にウェブアクセシビリティの観点からデザインや仕様の決定に携わっています。
また、ウェブアクセシビリティに関するブログ記事の更新も担当しています。
よこやまゆみこ（ウェブマーケティングマネージャー）
ブログを10年以上運用してきた経験から実践的なアドバイスを得意とし、コンテンツ発信を活用して企業の価値を高めるサポートをしています。
400件を超える中小企業のホームページ制作に関わり、SEO、コンテンツマーケティング、ライティングの知識を使ったコンテンツ制作で利益につなげる制作ディレクションと利益獲得のアドバイスをしてきました。
ウェブの情報発信力を存分に活用する考え方を基礎からお伝えし、運用能力を身につけていただくお手伝いをしています。
チャコウェブ公式サイト
チャコウェブ公式X
株式会社Cyber Cats公式サイト
ポッドキャストの書き起こし「LISTEN」はこちら
メールフォームでよくある「困ったこと」について語ります。
これはアクセシビリティだけの問題ではないかもしれません。
・フォームで一番困るのは 「どこが」「何を」「どう直せばいいか分からないエラー表示」
・エラーメッセージはフィールド単位で具体的に示そう
・項目は必要最小限にしておく
・オートコンプリート機能は大事
「チャコウェブラジオ」は株式会社Cyber Catsが運営するチャコウェブのスタッフが、ウェブアクセシビリティを実践したい制作者やウェブ担当者に向けて、ゆっくりじっくり解説していくポッドキャストです。
ご感想やチャコウェブへのご相談はメールフォームよりお寄せください。
https://www.chaco-web.com/contactus.html
出演：
やまぐちみあ（ウェブアクセシビリティマネージャー）
社内で定期的に開催している勉強会では、制作メンバーとウェブアクセシビリティ関連の知識を共有したり、意見交換を積極的に行っています。
お客様のホームページ制作にあたっては、ディレクター、デザイナーとの打ち合わせ時にウェブアクセシビリティの観点からデザインや仕様の決定に携わっています。
また、ウェブアクセシビリティに関するブログ記事の更新も担当しています。
よこやまゆみこ（ウェブマーケティングマネージャー）
ブログを10年以上運用してきた経験から実践的なアドバイスを得意とし、コンテンツ発信を活用して企業の価値を高めるサポートをしています。
400件を超える中小企業のホームページ制作に関わり、SEO、コンテンツマーケティング、ライティングの知識を使ったコンテンツ制作で利益につなげる制作ディレクションと利益獲得のアドバイスをしてきました。
ウェブの情報発信力を存分に活用する考え方を基礎からお伝えし、運用能力を身につけていただくお手伝いをしています。
チャコウェブ公式サイト
チャコウェブ公式X
株式会社Cyber Cats公式サイト
ポッドキャストの書き起こし「LISTEN」はこちら
身近にあるけれど、適用が難しい「alt（代替テキスト）」。
適切な代替テキストについて考えます。
・装飾画像は空の alt=""で良いけれど、思想によって扱いが異なる
・「文脈次第」
・アイコンの代替テキストは空にすればよいという単純なものではない
・AIは補助に使えるが要チェック
「チャコウェブラジオ」は株式会社Cyber Catsが運営するチャコウェブのスタッフが、ウェブアクセシビリティを実践したい制作者やウェブ担当者に向けて、ゆっくりじっくり解説していくポッドキャストです。
ご感想やチャコウェブへのご相談はメールフォームよりお寄せください。
https://www.chaco-web.com/contactus.html
出演：
やまぐちみあ（ウェブアクセシビリティマネージャー）
社内で定期的に開催している勉強会では、制作メンバーとウェブアクセシビリティ関連の知識を共有したり、意見交換を積極的に行っています。
お客様のホームページ制作にあたっては、ディレクター、デザイナーとの打ち合わせ時にウェブアクセシビリティの観点からデザインや仕様の決定に携わっています。
また、ウェブアクセシビリティに関するブログ記事の更新も担当しています。
よこやまゆみこ（ウェブマーケティングマネージャー）
ブログを10年以上運用してきた経験から実践的なアドバイスを得意とし、コンテンツ発信を活用して企業の価値を高めるサポートをしています。
400件を超える中小企業のホームページ制作に関わり、SEO、コンテンツマーケティング、ライティングの知識を使ったコンテンツ制作で利益につなげる制作ディレクションと利益獲得のアドバイスをしてきました。
ウェブの情報発信力を存分に活用する考え方を基礎からお伝えし、運用能力を身につけていただくお手伝いをしています。
チャコウェブ公式サイト
チャコウェブ公式X
株式会社Cyber Cats公式サイト
ポッドキャストの書き起こし「LISTEN」はこちら
「アクセシビリティを知る前の自分に何を伝えたい？」
パーソナリティ2人が過去の自分に向けて伝えたいことを振り返ります。
・最初から全部やろうとしなくていい
・少しずつ取り組むのが現実的
・アクセシビリティは「特定の人だけの特別対応」ではなく「みんなが使いやすくすること」
「チャコウェブラジオ」は株式会社Cyber Catsが運営するチャコウェブのスタッフが、ウェブアクセシビリティを実践したい制作者やウェブ担当者に向けて、ゆっくりじっくり解説していくポッドキャストです。
ご感想やチャコウェブへのご相談はメールフォームよりお寄せください。
https://www.chaco-web.com/contactus.html
出演：
やまぐちみあ（ウェブアクセシビリティマネージャー）
社内で定期的に開催している勉強会では、制作メンバーとウェブアクセシビリティ関連の知識を共有したり、意見交換を積極的に行っています。
お客様のホームページ制作にあたっては、ディレクター、デザイナーとの打ち合わせ時にウェブアクセシビリティの観点からデザインや仕様の決定に携わっています。
また、ウェブアクセシビリティに関するブログ記事の更新も担当しています。
よこやまゆみこ（ウェブマーケティングマネージャー）
ブログを10年以上運用してきた経験から実践的なアドバイスを得意とし、コンテンツ発信を活用して企業の価値を高めるサポートをしています。
400件を超える中小企業のホームページ制作に関わり、SEO、コンテンツマーケティング、ライティングの知識を使ったコンテンツ制作で利益につなげる制作ディレクションと利益獲得のアドバイスをしてきました。
ウェブの情報発信力を存分に活用する考え方を基礎からお伝えし、運用能力を身につけていただくお手伝いをしています。
チャコウェブ公式サイト
チャコウェブ公式X
株式会社Cyber Cats公式サイト
ポッドキャストの書き起こし「LISTEN」はこちら
今回は、2人が「普段使っているアクセシビリティ機能」を紹介しながら、身近なアクセシビリティについて語ります。
・ダークモード／画面調整は画面を見続ける現代人に嬉しい
・音声入力は手入力より高速で便利
・文字読み上げは情報収集の幅を広げた
「チャコウェブラジオ」は株式会社Cyber Catsが運営するチャコウェブのスタッフが、ウェブアクセシビリティを実践したい制作者やウェブ担当者に向けて、ゆっくりじっくり解説していくポッドキャストです。
ご感想やチャコウェブへのご相談はメールフォームよりお寄せください。
https://www.chaco-web.com/contactus.html
出演：
やまぐちみあ（ウェブアクセシビリティマネージャー）
社内で定期的に開催している勉強会では、制作メンバーとウェブアクセシビリティ関連の知識を共有したり、意見交換を積極的に行っています。
お客様のホームページ制作にあたっては、ディレクター、デザイナーとの打ち合わせ時にウェブアクセシビリティの観点からデザインや仕様の決定に携わっています。
また、ウェブアクセシビリティに関するブログ記事の更新も担当しています。
よこやまゆみこ（ウェブマーケティングマネージャー）
ブログを10年以上運用してきた経験から実践的なアドバイスを得意とし、コンテンツ発信を活用して企業の価値を高めるサポートをしています。
400件を超える中小企業のホームページ制作に関わり、SEO、コンテンツマーケティング、ライティングの知識を使ったコンテンツ制作で利益につなげる制作ディレクションと利益獲得のアドバイスをしてきました。
ウェブの情報発信力を存分に活用する考え方を基礎からお伝えし、運用能力を身につけていただくお手伝いをしています。
チャコウェブ公式サイト
チャコウェブ公式X
株式会社Cyber Cats公式サイト
ポッドキャストの書き起こし「LISTEN」はこちら
今回は2人が「アクセシビリティの“これ気になる！”」となった瞬間について語ります。
・おしゃれなフォント、カッコいいフォントと可読性
・デザインとの兼ね合いは難しい
・色だけで強調すると色覚特性や白黒印刷時に情報が伝わりにくい
「チャコウェブラジオ」は株式会社Cyber Catsが運営するチャコウェブのスタッフが、ウェブアクセシビリティを実践したい制作者やウェブ担当者に向けて、ゆっくりじっくり解説していくポッドキャストです。
ご感想やチャコウェブへのご相談はメールフォームよりお寄せください。
https://www.chaco-web.com/contactus.html
出演：
やまぐちみあ（ウェブアクセシビリティマネージャー）
社内で定期的に開催している勉強会では、制作メンバーとウェブアクセシビリティ関連の知識を共有したり、意見交換を積極的に行っています。
お客様のホームページ制作にあたっては、ディレクター、デザイナーとの打ち合わせ時にウェブアクセシビリティの観点からデザインや仕様の決定に携わっています。
また、ウェブアクセシビリティに関するブログ記事の更新も担当しています。
よこやまゆみこ（ウェブマーケティングマネージャー）
ブログを10年以上運用してきた経験から実践的なアドバイスを得意とし、コンテンツ発信を活用して企業の価値を高めるサポートをしています。
400件を超える中小企業のホームページ制作に関わり、SEO、コンテンツマーケティング、ライティングの知識を使ったコンテンツ制作で利益につなげる制作ディレクションと利益獲得のアドバイスをしてきました。
ウェブの情報発信力を存分に活用する考え方を基礎からお伝えし、運用能力を身につけていただくお手伝いをしています。
チャコウェブ公式サイト
チャコウェブ公式X
株式会社Cyber Cats公式サイト
ポッドキャストの書き起こし「LISTEN」はこちら
今回のテーマは2人が「日常生活でアクセシビリティを感じた瞬間」。
・テレビCMに手話やオープンキャプションが増えた
・駅や電車内モニターの字幕付きCMも見かけるようになった
・駅、新しい商業施設、病院のエレベーターは開放時間延長や低い位置の大型ボタン配置、凹凸付きデザインで誰でも操作しやすくなっている
「チャコウェブラジオ」は株式会社Cyber Catsが運営するチャコウェブのスタッフが、ウェブアクセシビリティを実践したい制作者やウェブ担当者に向けて、ゆっくりじっくり解説していくポッドキャストです。
ご感想やチャコウェブへのご相談はメールフォームよりお寄せください。
https://www.chaco-web.com/contactus.html
出演：
やまぐちみあ（ウェブアクセシビリティマネージャー）
社内で定期的に開催している勉強会では、制作メンバーとウェブアクセシビリティ関連の知識を共有したり、意見交換を積極的に行っています。
お客様のホームページ制作にあたっては、ディレクター、デザイナーとの打ち合わせ時にウェブアクセシビリティの観点からデザインや仕様の決定に携わっています。
また、ウェブアクセシビリティに関するブログ記事の更新も担当しています。
よこやまゆみこ（ウェブマーケティングマネージャー）
ブログを10年以上運用してきた経験から実践的なアドバイスを得意とし、コンテンツ発信を活用して企業の価値を高めるサポートをしています。
400件を超える中小企業のホームページ制作に関わり、SEO、コンテンツマーケティング、ライティングの知識を使ったコンテンツ制作で利益につなげる制作ディレクションと利益獲得のアドバイスをしてきました。
ウェブの情報発信力を存分に活用する考え方を基礎からお伝えし、運用能力を身につけていただくお手伝いをしています。
チャコウェブ公式サイト
チャコウェブ公式X
株式会社Cyber Cats公式サイト
ポッドキャストの書き起こし「LISTEN」はこちら
アクセシビリティについて自由に語る雑談回。
テーマは「アクセシビリティがあって助かったこと」。
・iPhoneのAssistiveTouchは、アクセシビリティを知る前にかなりの人が使っている
・ブラウザやOSのダークモード
・音声読み上げ機能で家事や移動中に記事・電子書籍を聴ける
・マウス不調時にキーボードフォーカスでフォーム送信
・キーボード操作対応や配色切替など複数の利用方法を用意することは、ユーザビリティ向上と機会損失防止に直結する
「チャコウェブラジオ」は株式会社Cyber Catsが運営するチャコウェブのスタッフが、ウェブアクセシビリティを実践したい制作者やウェブ担当者に向けて、ゆっくりじっくり解説していくポッドキャストです。
ご感想やチャコウェブへのご相談はメールフォームよりお寄せください。
https://www.chaco-web.com/contactus.html
出演：
やまぐちみあ（ウェブアクセシビリティマネージャー）
社内で定期的に開催している勉強会では、制作メンバーとウェブアクセシビリティ関連の知識を共有したり、意見交換を積極的に行っています。
お客様のホームページ制作にあたっては、ディレクター、デザイナーとの打ち合わせ時にウェブアクセシビリティの観点からデザインや仕様の決定に携わっています。
また、ウェブアクセシビリティに関するブログ記事の更新も担当しています。
よこやまゆみこ（ウェブマーケティングマネージャー）
ブログを10年以上運用してきた経験から実践的なアドバイスを得意とし、コンテンツ発信を活用して企業の価値を高めるサポートをしています。
400件を超える中小企業のホームページ制作に関わり、SEO、コンテンツマーケティング、ライティングの知識を使ったコンテンツ制作で利益につなげる制作ディレクションと利益獲得のアドバイスをしてきました。
ウェブの情報発信力を存分に活用する考え方を基礎からお伝えし、運用能力を身につけていただくお手伝いをしています。
チャコウェブ公式サイト
チャコウェブ公式X
株式会社Cyber Cats公式サイト
ポッドキャストの書き起こし「LISTEN」はこちら
アクセシビリティに関する雑談回。
テーマは「アクセシビリティに触れたきっかけ」です。
・Web学習書籍でWAI-ARIAを知る
・iPhone 4SのAssistiveTouchが初のアクセシビリティに触れた瞬間
・iPhoneのアクセシブル機能についての記事
・字幕やスマホの補助機能など、アクセシビリティという言葉を知らなくても恩恵にあずかっている
「チャコウェブラジオ」は株式会社Cyber Catsが運営するチャコウェブのスタッフが、ウェブアクセシビリティを実践したい制作者やウェブ担当者に向けて、ゆっくりじっくり解説していくポッドキャストです。
ご感想やチャコウェブへのご相談はメールフォームよりお寄せください。
https://www.chaco-web.com/contactus.html
出演：
やまぐちみあ（ウェブアクセシビリティマネージャー）
社内で定期的に開催している勉強会では、制作メンバーとウェブアクセシビリティ関連の知識を共有したり、意見交換を積極的に行っています。
お客様のホームページ制作にあたっては、ディレクター、デザイナーとの打ち合わせ時にウェブアクセシビリティの観点からデザインや仕様の決定に携わっています。
また、ウェブアクセシビリティに関するブログ記事の更新も担当しています。
よこやまゆみこ（ウェブマーケティングマネージャー）
ブログを10年以上運用してきた経験から実践的なアドバイスを得意とし、コンテンツ発信を活用して企業の価値を高めるサポートをしています。
400件を超える中小企業のホームページ制作に関わり、SEO、コンテンツマーケティング、ライティングの知識を使ったコンテンツ制作で利益につなげる制作ディレクションと利益獲得のアドバイスをしてきました。
ウェブの情報発信力を存分に活用する考え方を基礎からお伝えし、運用能力を身につけていただくお手伝いをしています。
チャコウェブ公式サイト
チャコウェブ公式X
株式会社Cyber Cats公式サイト
ポッドキャストの書き起こし「LISTEN」はこちら
APGを基にチェックボックスの実装を解説。
チェックボックスは 2 状態（true/false）型と 3 状態（true/false/mixed）型の2種類あり、それぞれの具体的な説明と実装方法を紹介します。
参照：Checkbox Pattern | APG | WAI | W3C
https://www.w3.org/WAI/ARIA/apg/patterns/checkbox/
「チャコウェブラジオ」は株式会社Cyber Catsが運営するチャコウェブのスタッフが、ウェブアクセシビリティを実践したい制作者やウェブ担当者に向けて、ゆっくりじっくり解説していくポッドキャストです。
ご感想やチャコウェブへのご相談はメールフォームよりお寄せください。
https://www.chaco-web.com/contactus.html
出演：
やまぐちみあ（ウェブアクセシビリティマネージャー）
社内で定期的に開催している勉強会では、制作メンバーとウェブアクセシビリティ関連の知識を共有したり、意見交換を積極的に行っています。
お客様のホームページ制作にあたっては、ディレクター、デザイナーとの打ち合わせ時にウェブアクセシビリティの観点からデザインや仕様の決定に携わっています。
また、ウェブアクセシビリティに関するブログ記事の更新も担当しています。
よこやまゆみこ（ウェブマーケティングマネージャー）
ブログを10年以上運用してきた経験から実践的なアドバイスを得意とし、コンテンツ発信を活用して企業の価値を高めるサポートをしています。
400件を超える中小企業のホームページ制作に関わり、SEO、コンテンツマーケティング、ライティングの知識を使ったコンテンツ制作で利益につなげる制作ディレクションと利益獲得のアドバイスをしてきました。
ウェブの情報発信力を存分に活用する考え方を基礎からお伝えし、運用能力を身につけていただくお手伝いをしています。
チャコウェブ公式サイト
チャコウェブ公式X
株式会社Cyber Cats公式サイト
ポッドキャストの書き起こし「LISTEN」はこちら
「WAI-ARIAの実践ガイドAPG」に基づいて、ボタン実装の基礎を解説する後編。
button要素には自動的にbuttonロールが付与されますが、div要素などを使う場合はbuttonロールを設定する必要があります。
アイコンがボタンになっている場合、スクリーンリーダーは読み取れません。
このようなボタンを読み取れるようにするARIA属性があります。
参照：
Button Pattern | APG | WAI | W3C
「チャコウェブラジオ」は株式会社Cyber Catsが運営するチャコウェブのスタッフが、ウェブアクセシビリティを実践したい制作者やウェブ担当者に向けて、ゆっくりじっくり解説していくポッドキャストです。
ご感想やチャコウェブへのご相談はメールフォームよりお寄せください。
https://www.chaco-web.com/contactus.html
出演：
やまぐちみあ（ウェブアクセシビリティマネージャー）
社内で定期的に開催している勉強会では、制作メンバーとウェブアクセシビリティ関連の知識を共有したり、意見交換を積極的に行っています。
お客様のホームページ制作にあたっては、ディレクター、デザイナーとの打ち合わせ時にウェブアクセシビリティの観点からデザインや仕様の決定に携わっています。
また、ウェブアクセシビリティに関するブログ記事の更新も担当しています。
よこやまゆみこ（ウェブマーケティングマネージャー）
ブログを10年以上運用してきた経験から実践的なアドバイスを得意とし、コンテンツ発信を活用して企業の価値を高めるサポートをしています。
400件を超える中小企業のホームページ制作に関わり、SEO、コンテンツマーケティング、ライティングの知識を使ったコンテンツ制作で利益につなげる制作ディレクションと利益獲得のアドバイスをしてきました。
ウェブの情報発信力を存分に活用する考え方を基礎からお伝えし、運用能力を身につけていただくお手伝いをしています。
チャコウェブ公式サイト
チャコウェブ公式X
株式会社Cyber Cats公式サイト
ポッドキャストの書き起こし「LISTEN」はこちら
「WAI-ARIAの実践ガイドAPG」に基づいて、ボタン実装の基礎を解説する前編。
通常ボタン・トグルボタン・メニューボタンの3種類と、それぞれに必要なaria属性を紹介。
ボタンとリンクの機能の違いを明確にして使用すること、キーボード操作の基本について、フォーカス移動の操作性について解説します。
参照：
Button Pattern | APG | WAI | W3C
「チャコウェブラジオ」は株式会社Cyber Catsが運営するチャコウェブのスタッフが、ウェブアクセシビリティを実践したい制作者やウェブ担当者に向けて、ゆっくりじっくり解説していくポッドキャストです。
ご感想やチャコウェブへのご相談はメールフォームよりお寄せください。
https://www.chaco-web.com/contactus.html
出演：
やまぐちみあ（ウェブアクセシビリティマネージャー）
社内で定期的に開催している勉強会では、制作メンバーとウェブアクセシビリティ関連の知識を共有したり、意見交換を積極的に行っています。
お客様のホームページ制作にあたっては、ディレクター、デザイナーとの打ち合わせ時にウェブアクセシビリティの観点からデザインや仕様の決定に携わっています。
また、ウェブアクセシビリティに関するブログ記事の更新も担当しています。
よこやまゆみこ（ウェブマーケティングマネージャー）
ブログを10年以上運用してきた経験から実践的なアドバイスを得意とし、コンテンツ発信を活用して企業の価値を高めるサポートをしています。
400件を超える中小企業のホームページ制作に関わり、SEO、コンテンツマーケティング、ライティングの知識を使ったコンテンツ制作で利益につなげる制作ディレクションと利益獲得のアドバイスをしてきました。
ウェブの情報発信力を存分に活用する考え方を基礎からお伝えし、運用能力を身につけていただくお手伝いをしています。
チャコウェブ公式サイト
チャコウェブ公式X
株式会社Cyber Cats公式サイト
ポッドキャストの書き起こし「LISTEN」はこちら
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/
チャコウェブ公式X
https://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
出演：
やまぐちみあ（ウェブアクセシビリティマネージャー）
社内で定期的に開催している勉強会では、制作メンバーとウェブアクセシビリティ関連の知識を共有したり、意見交換を積極的に行っています。
お客様のホームページ制作にあたっては、ディレクター、デザイナーとの打ち合わせ時にウェブアクセシビリティの観点からデザインや仕様の決定に携わっています。
また、ウェブアクセシビリティに関するブログ記事の更新も担当しています。
よこやまゆみこ（ウェブマーケティングマネージャー）
ブログを10年以上運用してきた経験から実践的なアドバイスを得意とし、コンテンツ発信を活用して企業の価値を高めるサポートをしています。
400件を超える中小企業のホームページ制作に関わり、SEO、コンテンツマーケティング、ライティングの知識を使ったコンテンツ制作で利益につなげる制作ディレクションと利益獲得のアドバイスをしてきました。
ウェブの情報発信力を存分に活用する考え方を基礎からお伝えし、運用能力を身につけていただくお手伝いをしています。
チャコウェブ公式サイト
チャコウェブ公式X
株式会社Cyber Cats公式サイト
ポッドキャストの書き起こし「LISTEN」はこちら
WAI-ARIAのステート（状態）とプロパティ（特性）について解説します。
ステートは要素の現在の状態、プロパティは特性を示し、ロールと組み合わせることで支援技術に正確に伝わります。
まずはセマンティックHTMLを優先することが前提となります。
参照：
ARIA5: ユーザインターフェース コンポーネントの状態 (state) を明示するために、WAI-ARIA ステート及びプロパティ属性を使用する | WCAG 2.0 達成方法集
「チャコウェブラジオ」は株式会社Cyber Catsが運営するチャコウェブのスタッフが、ウェブアクセシビリティを実践したい制作者やウェブ担当者に向けて、ゆっくりじっくり解説していくポッドキャストです。
ご感想やチャコウェブへのご相談はメールフォームよりお寄せください。
https://www.chaco-web.com/contactus.html
出演：
やまぐちみあ（ウェブアクセシビリティマネージャー）
社内で定期的に開催している勉強会では、制作メンバーとウェブアクセシビリティ関連の知識を共有したり、意見交換を積極的に行っています。
お客様のホームページ制作にあたっては、ディレクター、デザイナーとの打ち合わせ時にウェブアクセシビリティの観点からデザインや仕様の決定に携わっています。
また、ウェブアクセシビリティに関するブログ記事の更新も担当しています。
よこやまゆみこ（ウェブマーケティングマネージャー）
ブログを10年以上運用してきた経験から実践的なアドバイスを得意とし、コンテンツ発信を活用して企業の価値を高めるサポートをしています。
400件を超える中小企業のホームページ制作に関わり、SEO、コンテンツマーケティング、ライティングの知識を使ったコンテンツ制作で利益につなげる制作ディレクションと利益獲得のアドバイスをしてきました。
ウェブの情報発信力を存分に活用する考え方を基礎からお伝えし、運用能力を身につけていただくお手伝いをしています。
チャコウェブ公式サイト
チャコウェブ公式X
株式会社Cyber Cats公式サイト
ポッドキャストの書き起こし「LISTEN」はこちら
WAI-ARIA（ウェイアリア）のロールについて解説します。
WAI-ARIAのロールは6種類に分類されます（ランドマーク、文書構造、ウィジェット、ウィンドウ、ライブリージョン、抽象ロール）。
基本はセマンティックHTMLを優先しますが、HTML要素で補えない部分を補完し、アクセシビリティを向上させるのがWAI-ARIAです。
古いサイトやライブラリ使用時など、直接HTML要素を変更できない場合はロール付与で対応するなどがあります。
「チャコウェブラジオ」は株式会社Cyber Catsが運営するチャコウェブのスタッフが、ウェブアクセシビリティを実践したい制作者やウェブ担当者に向けて、ゆっくりじっくり解説していくポッドキャストです。
ご感想やチャコウェブへのご相談はメールフォームよりお寄せください。
https://www.chaco-web.com/contactus.html
出演：
やまぐちみあ（ウェブアクセシビリティマネージャー）
社内で定期的に開催している勉強会では、制作メンバーとウェブアクセシビリティ関連の知識を共有したり、意見交換を積極的に行っています。
お客様のホームページ制作にあたっては、ディレクター、デザイナーとの打ち合わせ時にウェブアクセシビリティの観点からデザインや仕様の決定に携わっています。
また、ウェブアクセシビリティに関するブログ記事の更新も担当しています。
よこやまゆみこ（ウェブマーケティングマネージャー）
ブログを10年以上運用してきた経験から実践的なアドバイスを得意とし、コンテンツ発信を活用して企業の価値を高めるサポートをしています。
400件を超える中小企業のホームページ制作に関わり、SEO、コンテンツマーケティング、ライティングの知識を使ったコンテンツ制作で利益につなげる制作ディレクションと利益獲得のアドバイスをしてきました。
ウェブの情報発信力を存分に活用する考え方を基礎からお伝えし、運用能力を身につけていただくお手伝いをしています。
チャコウェブ公式サイト
チャコウェブ公式X
株式会社Cyber Cats公式サイト
ポッドキャストの書き起こし「LISTEN」はこちら