よくやってしまう、ウェブアクセシビリティに適さない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」はこちら
WAI-ARIA（ウェイアリア）は、W3Cが定めたウェブアクセシビリティ向上のための仕様です。
複雑化したウェブサイトでHTMLだけでは不十分な場合に使用することで、支援技術に情報を伝えることができます。
・役割を定義する「ロール」、状態を定義する「ステート」、特性を定義する「プロパティ」の3つの要素で構成
・ボタンやメニューの動作、フォームのエラーメッセージなどを支援技術に伝えられる
・JavaScriptによる動的更新情報もスクリーンリーダーに伝達可能
・使用上の注意点：「できるだけHTMLで制作する 」「むやみに使わない」
参考：
WAI-ARIA 技術ノート | WCAG 2.0 達成方法集
「チャコウェブラジオ」は株式会社Cyber Catsが運営するチャコウェブのスタッフが、ウェブアクセシビリティを実践したい制作者やウェブ担当者に向けて、ゆっくりじっくり解説していくポッドキャストです。
ご感想やチャコウェブへのご相談はメールフォームよりお寄せください。
https://www.chaco-web.com/contactus.html
出演：
やまぐちみあ（ウェブアクセシビリティマネージャー）
社内で定期的に開催している勉強会では、制作メンバーとウェブアクセシビリティ関連の知識を共有したり、意見交換を積極的に行っています。
お客様のホームページ制作にあたっては、ディレクター、デザイナーとの打ち合わせ時にウェブアクセシビリティの観点からデザインや仕様の決定に携わっています。
また、ウェブアクセシビリティに関するブログ記事の更新も担当しています。
よこやまゆみこ（ウェブマーケティングマネージャー）
ブログを10年間運用してきた経験から実践的なアドバイスを得意とし、コンテンツ発信を活用して企業の価値を高めるサポートをしています。
400件を超える中小企業のホームページ制作に関わり、SEO、コンテンツマーケティング、ライティングの知識を使ったコンテンツ制作で利益につなげる制作ディレクションと利益獲得のアドバイスをしてきました。
ウェブの情報発信力を存分に活用する考え方を基礎からお伝えし、運用能力を身につけていただくお手伝いをしています。
チャコウェブ公式サイト
チャコウェブ公式X
株式会社Cyber Cats公式サイト
ポッドキャストの書き起こし「LISTEN」はこちら
今回は番外編としてWCAG 2.0 解説シリーズを振り返りながらパーソナリティ2人の雑談回です。
・WCAG 2.0 解説シリーズを振り返って
・WCAG 2.0を学ぶことで気づいた、日常生活とアクセシビリティ
・ウェブアクセシビリティを実務で活かすためにどうすればよいか？
・アクセシビリティを楽しく学ぶには？
番組内で話題に出た書籍：
『「良かったこと探し」から始めるアクセシブル社会: 障害のある人の日常からヒントを探る』公益財団法人共用品推進機構 (著), 星川 安之 (著)
「チャコウェブラジオ」は株式会社Cyber Catsが運営するチャコウェブのスタッフが、ウェブアクセシビリティを実践したい制作者やウェブ担当者に向けて、ゆっくりじっくり解説していくポッドキャストです。
ご感想やチャコウェブへのご相談はメールフォームよりお寄せください。
https://www.chaco-web.com/contactus.html
出演：
やまぐちみあ（ウェブアクセシビリティマネージャー）
社内で定期的に開催している勉強会では、制作メンバーとウェブアクセシビリティ関連の知識を共有したり、意見交換を積極的に行っています。
お客様のホームページ制作にあたっては、ディレクター、デザイナーとの打ち合わせ時にウェブアクセシビリティの観点からデザインや仕様の決定に携わっています。
また、ウェブアクセシビリティに関するブログ記事の更新も担当しています。
よこやまゆみこ（ウェブマーケティングマネージャー）
ブログを10年間運用してきた経験から実践的なアドバイスを得意とし、コンテンツ発信を活用して企業の価値を高めるサポートをしています。
400件を超える中小企業のホームページ制作に関わり、SEO、コンテンツマーケティング、ライティングの知識を使ったコンテンツ制作で利益につなげる制作ディレクションと利益獲得のアドバイスをしてきました。
ウェブの情報発信力を存分に活用する考え方を基礎からお伝えし、運用能力を身につけていただくお手伝いをしています。
チャコウェブ公式サイト
チャコウェブ公式X
株式会社Cyber Cats公式サイト
ポッドキャストの書き起こし「LISTEN」はこちら
https://listen.style/p/chacoweb?k2xLjX2w
本エピソードではWCAG 2.0における4つ目の原則「堅牢」のガイドライン4.1「互換性」を解説します。
堅牢は、コンテンツは、スクリーンリーダーなどの支援技術も含め、いろいろなブラウザやソフトで正しく読み取れるように作られる必要があり、どんな環境でも内容が崩れずにきちんと伝わる設計を求める原則のことです。
達成基準4.1.1は、マークアップを正しく使用し、コンテンツを正確に解釈できるように求めています。
達成基準4.1.2は、UI要素をプログラムで認識・操作可能にすることが重要としています。標準的なHTML要素を使用し、適切なマークアップで実装することが基準達成の近道です。
参考：
達成基準 4.1.2: 名前 (name)・役割 (role)・値 (value) を理解する
「チャコウェブラジオ」は株式会社Cyber Catsが運営するチャコウェブのスタッフが、ウェブアクセシビリティを実践したい制作者やウェブ担当者に向けて、ゆっくりじっくり解説していくポッドキャストです。
ご感想やチャコウェブへのご相談はメールフォームよりお寄せください。
https://www.chaco-web.com/contactus.html
出演：
やまぐちみあ（ウェブアクセシビリティマネージャー）
社内で定期的に開催している勉強会では、制作メンバーとウェブアクセシビリティ関連の知識を共有したり、意見交換を積極的に行っています。
お客様のホームページ制作にあたっては、ディレクター、デザイナーとの打ち合わせ時にウェブアクセシビリティの観点からデザインや仕様の決定に携わっています。
また、ウェブアクセシビリティに関するブログ記事の更新も担当しています。
よこやまゆみこ（ウェブマーケティングマネージャー）
ブログを10年間運用してきた経験から実践的なアドバイスを得意とし、コンテンツ発信を活用して企業の価値を高めるサポートをしています。
400件を超える中小企業のホームページ制作に関わり、SEO、コンテンツマーケティング、ライティングの知識を使ったコンテンツ制作で利益につなげる制作ディレクションと利益獲得のアドバイスをしてきました。
ウェブの情報発信力を存分に活用する考え方を基礎からお伝えし、運用能力を身につけていただくお手伝いをしています。
チャコウェブ公式サイト
チャコウェブ公式X
株式会社Cyber Cats公式サイト
ポッドキャストの書き起こし「LISTEN」はこちら
ガイドライン3.3「入力支援」後編として、達成基準3.3.3「エラー修正の提案」と3.3.4「エラー回避（法的、金融、データ）」を解説します。
達成基準3.3.3では、フォームの入力エラーを検出し、修正方法を提示することを求めています。
前編で解説した達成基準3.3.1では、エラー箇所をテキストで通知することを求めていますが、さらにエラー箇所をどう修正するのか提示することを求める達成基準です。
達成基準 3.3.4では、法的・金融取引や重要データの変更で、取り消し・チェック・確認のいずれかを提供し、ミスを防ぐよう求める基準です。
参考：
達成基準 3.3.4: 誤り防止 (法的、金融、データ) を理解する
「チャコウェブラジオ」は株式会社Cyber Catsが運営するチャコウェブのスタッフが、ウェブアクセシビリティを実践したい制作者やウェブ担当者に向けて、ゆっくりじっくり解説していくポッドキャストです。
ご感想やチャコウェブへのご相談はメールフォームよりお寄せください。
https://www.chaco-web.com/contactus.html
出演：
やまぐちみあ（ウェブアクセシビリティマネージャー）
社内で定期的に開催している勉強会では、制作メンバーとウェブアクセシビリティ関連の知識を共有したり、意見交換を積極的に行っています。
お客様のホームページ制作にあたっては、ディレクター、デザイナーとの打ち合わせ時にウェブアクセシビリティの観点からデザインや仕様の決定に携わっています。
また、ウェブアクセシビリティに関するブログ記事の更新も担当しています。
よこやまゆみこ（ウェブマーケティングマネージャー）
ブログを10年間運用してきた経験から実践的なアドバイスを得意とし、コンテンツ発信を活用して企業の価値を高めるサポートをしています。
400件を超える中小企業のホームページ制作に関わり、SEO、コンテンツマーケティング、ライティングの知識を使ったコンテンツ制作で利益につなげる制作ディレクションと利益獲得のアドバイスをしてきました。
ウェブの情報発信力を存分に活用する考え方を基礎からお伝えし、運用能力を身につけていただくお手伝いをしています。
チャコウェブ公式サイト
チャコウェブ公式X
株式会社Cyber Cats公式サイト
ポッドキャストの書き起こし「LISTEN」はこちら