「チャコウェブラジオ」は株式会社Cyber Catsが運営するチャコウェブのスタッフが、、ウェブアクセシビリティを実践したい制作者やウェブ担当者に向けて、ゆっくりじっくり解説していくポッドです。
ご感想やチャコウェブへのご相談はメールフォームよりどうぞ。
https://www.chaco-web.com/contactus.html
出演:
やまぐちみあ(ウェブアクセシビリティマネージャー)
https://twitter.com/chacoweb_ymgc
社内で定期的に開催している勉強会では、制作メンバーとウェブアクセシビリティ関連の知識を共有したり、意見交換を積極的に行っています。
お客様のホームページ制作にあたっては、ディレクター、デザイナーとの打ち合わせ時にウェブアクセシビリティの観点からデザインや仕様の決定に携わっています。
よこやまゆみこ(ウェブマーケティングマネージャー)
https://twitter.com/chacoweb_yama
400件を超える中小企業のホームページ制作に関わり、ブログを9年間運用してきた経験から実践的なアドバイスを得意とし、コンテンツ発信を活用して企業の価値を高めるサポートをしています。
ポッドキャストの書き起こしサービス「LISTEN」はこちら
https://listen.style/p/chacoweb?k2xLjX2w

#38 WCAG 2.0 解説シリーズPart20「『ガイドライン3.3 入力支援』とその達成基準 前編」
WCAG 2.0「理解可能」原則のガイドライン3.3「入力支援」について、前後編に分けて解説。今回は前編です。ガイドライン3.3「入力支援」は、入力時のミスを減らし、エラーを特定・修正しやすくするためのもの。達成基準3.3.1ではエラー箇所のテキストによる提示について、3.3.2ではラベルや説明の適切な提供を求めることを基準としています。これらを達成すると使いやすさが向上します。ガイドライン 3.3: 入力支援を理解する達成基準 3.3.1: エラーの特定を理解する達成基準 3.3.2: ラベル又は説明を理解する「チャコウェブラジオ」は株式会社Cyber Catsが運営するチャコウェブのスタッフが、ウェブアクセシビリティを実践したい制作者やウェブ担当者に向けて、ゆっくりじっくり解説していくポッドキャストです。ご感想やチャコウェブへのご相談はメールフォームよりお寄せください。https://www.chaco-web.com/contactus.html出演:やまぐちみあ(ウェブアクセシビリティマネージャー)https://x.com/chacoweb_ymgc社内で定期的に開催している勉強会では、制作メンバーとウェブアクセシビリティ関連の知識を共有したり、意見交換を積極的に行っています。お客様のホームページ制作にあたっては、ディレクター、デザイナーとの打ち合わせ時にウェブアクセシビリティの観点からデザインや仕様の決定に携わっています。また、ウェブアクセシビリティに関するブログ記事の更新も担当しています。よこやまゆみこ(ウェブマーケティングマネージャー)https://x.com/chacoweb_yamaブログを9年間運用してきた経験から実践的なアドバイスを得意とし、コンテンツ発信を活用して企業の価値を高めるサポートをしています。400件を超える中小企業のホームページ制作に関わり、SEO、コンテンツマーケティング、ライティングの知識を使ったコンテンツ制作で利益につなげる制作ディレクションと利益獲得のアドバイスをしてきました。ウェブの情報発信力を存分に活用する考え方を基礎からお伝えし、運用能力を身につけていただくお手伝いをしています。チャコウェブ公式サイトhttps://www.chaco-web.com/チャコウェブ公式Xhttps://x.com/_chacoweb株式会社Cyber Cats公式サイトhttps://cybercats.jp/ポッドキャストの書き起こし「LISTEN」はこちらhttps://listen.style/p/chacoweb?k2xLjX2w

#37 WCAG 2.0 解説シリーズPart19「『ガイドライン3.2 予測可能』とその達成基準 後編」
2回にわたって解説するWCAG 2.0にあるガイドライン3.2「予測可能」についての後編です。 達成基準 3.2.3「一貫したナビゲーション」、達成基準 3.2.4「一貫した識別性」は、同一サイト内でのコンテンツ配置やボタンラベルを統一し、利用者が混乱なく操作できる状態を目指すことが求められています。 達成基準 3.2.3: 一貫したナビゲーションを理解する https://waic.jp/translations/WCAG21/Understanding/consistent-navigation.html 達成基準 3.2.4: 一貫した識別性を理解する https://waic.jp/translations/WCAG21/Understanding/consistent-identification.html 「チャコウェブラジオ」は株式会社Cyber Catsが運営するチャコウェブのスタッフが、ウェブアクセシビリティを実践したい制作者やウェブ担当者に向けて、ゆっくりじっくり解説していくポッドキャストです。 ご感想やチャコウェブへのご相談はメールフォームよりお寄せください。 https://www.chaco-web.com/contactus.html 出演: やまぐちみあ(ウェブアクセシビリティマネージャー) https://twitter.com/chacoweb_ymgc 社内で定期的に開催している勉強会では、制作メンバーとウェブアクセシビリティ関連の知識を共有したり、意見交換を積極的に行っています。 お客様のホームページ制作にあたっては、ディレクター、デザイナーとの打ち合わせ時にウェブアクセシビリティの観点からデザインや仕様の決定に携わっています。 また、ウェブアクセシビリティに関するブログ記事の更新も担当しています。 よこやまゆみこ(ウェブマーケティングマネージャー) https://twitter.com/chacoweb_yama ブログを9年間運用してきた経験から実践的なアドバイスを得意とし、コンテンツ発信を活用して企業の価値を高めるサポートをしています。 400件を超える中小企業のホームページ制作に関わり、SEO、コンテンツマーケティング、ライティングの知識を使ったコンテンツ制作で利益につなげる制作ディレクションと利益獲得のアドバイスをしてきました。 ウェブの情報発信力を存分に活用する考え方を基礎からお伝えし、運用能力を身につけていただくお手伝いをしています。 チャコウェブ公式サイト https://www.chaco-web.com/ チャコウェブ公式X https://twitter.com/_chacoweb 株式会社Cyber Cats公式サイト https://cybercats.jp/ ポッドキャストの書き起こし「LISTEN」はこちら https://listen.style/p/chacoweb?k2xLjX2w

#36 WCAG 2.0 解説シリーズPart18「『ガイドライン3.2 予測可能』とその達成基準 前編」
2回にわたって解説するWCAG 2.0にあるガイドライン3.2「予測可能」についての前編です。 画面のレイアウトや操作が一貫し、予測しやすいウェブを実現することが目的です。 達成基準3.2.1ではフォーカス時、3.2.2では入力時に不要なコンテキスト変化を避け、必要時は事前告知が推奨されます。 達成基準 3.2.1: フォーカス時を理解する https://waic.jp/translations/WCAG21/Understanding/on-focus.html 達成基準 3.2.2: 入力時を理解する https://waic.jp/translations/WCAG21/Understanding/on-input.html 「チャコウェブラジオ」は株式会社Cyber Catsが運営するチャコウェブのスタッフが、ウェブアクセシビリティを実践したい制作者やウェブ担当者に向けて、ゆっくりじっくり解説していくポッドキャストです。 ご感想やチャコウェブへのご相談はメールフォームよりお寄せください。 https://www.chaco-web.com/contactus.html 出演: やまぐちみあ(ウェブアクセシビリティマネージャー) https://twitter.com/chacoweb_ymgc 社内で定期的に開催している勉強会では、制作メンバーとウェブアクセシビリティ関連の知識を共有したり、意見交換を積極的に行っています。 お客様のホームページ制作にあたっては、ディレクター、デザイナーとの打ち合わせ時にウェブアクセシビリティの観点からデザインや仕様の決定に携わっています。 また、ウェブアクセシビリティに関するブログ記事の更新も担当しています。 よこやまゆみこ(ウェブマーケティングマネージャー) https://twitter.com/chacoweb_yama ブログを9年間運用してきた経験から実践的なアドバイスを得意とし、コンテンツ発信を活用して企業の価値を高めるサポートをしています。 400件を超える中小企業のホームページ制作に関わり、SEO、コンテンツマーケティング、ライティングの知識を使ったコンテンツ制作で利益につなげる制作ディレクションと利益獲得のアドバイスをしてきました。 ウェブの情報発信力を存分に活用する考え方を基礎からお伝えし、運用能力を身につけていただくお手伝いをしています。 チャコウェブ公式サイト https://www.chaco-web.com/ チャコウェブ公式X https://twitter.com/_chacoweb 株式会社Cyber Cats公式サイト https://cybercats.jp/ ポッドキャストの書き起こし「LISTEN」はこちら https://listen.style/p/chacoweb?k2xLjX2w

#35 WCAG 2.0 解説シリーズPart17「『ガイドライン3.1 読みやすさ』とその達成基準」
WCAG 2.0の4つの原則、3つ目「理解可能」を解説。 「読みやすさ」は、テキストの理解を助ける情報提供が重要としています。 言語を特定して支援技術が正確に読み上げられるよう、全体と部分の言語を指定します。 達成基準 3.1.1: ページの言語を理解する https://waic.jp/translations/WCAG21/Understanding/language-of-page.html 達成基準 3.1.2: 一部分の言語を理解する https://waic.jp/translations/WCAG21/Understanding/language-of-parts.html 「チャコウェブラジオ」は株式会社Cyber Catsが運営するチャコウェブのスタッフが、ウェブアクセシビリティを実践したい制作者やウェブ担当者に向けて、ゆっくりじっくり解説していくポッドキャストです。 ご感想やチャコウェブへのご相談はメールフォームよりお寄せください。 https://www.chaco-web.com/contactus.html 出演: やまぐちみあ(ウェブアクセシビリティマネージャー) https://twitter.com/chacoweb_ymgc 社内で定期的に開催している勉強会では、制作メンバーとウェブアクセシビリティ関連の知識を共有したり、意見交換を積極的に行っています。 お客様のホームページ制作にあたっては、ディレクター、デザイナーとの打ち合わせ時にウェブアクセシビリティの観点からデザインや仕様の決定に携わっています。 また、ウェブアクセシビリティに関するブログ記事の更新も担当しています。 よこやまゆみこ(ウェブマーケティングマネージャー) https://twitter.com/chacoweb_yama ブログを9年間運用してきた経験から実践的なアドバイスを得意とし、コンテンツ発信を活用して企業の価値を高めるサポートをしています。 400件を超える中小企業のホームページ制作に関わり、SEO、コンテンツマーケティング、ライティングの知識を使ったコンテンツ制作で利益につなげる制作ディレクションと利益獲得のアドバイスをしてきました。 ウェブの情報発信力を存分に活用する考え方を基礎からお伝えし、運用能力を身につけていただくお手伝いをしています。 チャコウェブ公式サイト https://www.chaco-web.com/ チャコウェブ公式X https://twitter.com/_chacoweb 株式会社Cyber Cats公式サイト https://cybercats.jp/ ポッドキャストの書き起こし「LISTEN」はこちら https://listen.style/p/chacoweb?k2xLjX2w

#34 WCAG 2.0 解説シリーズPart16「『ガイドライン2.4 ナビゲーション可能』とその達成基準 その4」
WCAG 2.0の「ガイドライン2.4 ナビゲーション可能」の最後の2つの達成基準について解説。 達成基準2.4.6は、見出しやラベルが内容を明確に示すことを要求します。 達成基準2.4.6「見出し及びラベル」: 見出しやラベルは、内容を明確に示す必要がある。ただし、必ず付ける必要はなく、付ける場合はわかりやすくする。 達成基準2.4.7「フォーカスの可視化」: キーボード操作でフォーカスが当たっている箇所を視覚的に示す必要がある。ただし、操作可能な要素が1つの場合は不要。 2.4.7は、キーボード操作でフォーカスが当たっている箇所を視覚的に示すことを要求します。 これらの達成基準を満たすためには、セマンティックHTMLによる適切なマークアップが重要です。 また、CSSでフォーカスインジケータを非表示にする場合は、別の方法でフォーカスを示す必要があります。 本エピソードを通して、アクセシブルなウェブサイトを作るために、見出し、ラベル、フォーカスの可視化がいかに重要であるかが理解できます。 達成基準 2.4.6 を理解する | WCAG 2.0解説書 https://waic.jp/translations/UNDERSTANDING-WCAG20/navigation-mechanisms-descriptive.html 達成基準 2.4.7: フォーカスの可視化を理解する https://waic.jp/translations/WCAG21/Understanding/focus-visible.html 「チャコウェブラジオ」は株式会社Cyber Catsが運営するチャコウェブのスタッフが、ウェブアクセシビリティやSNS運用など、ウェブに関するテーマについて楽しくお話しするポッドキャストです。 ご感想やチャコウェブへのご相談はメールフォームよりお寄せください。 https://www.chaco-web.com/contactus.html 出演: やまぐちみあ(ウェブアクセシビリティマネージャー) https://twitter.com/chacoweb_ymgc 社内で定期的に開催している勉強会では、制作メンバーとウェブアクセシビリティ関連の知識を共有したり、意見交換を積極的に行っています。 お客様のホームページ制作にあたっては、ディレクター、デザイナーとの打ち合わせ時にウェブアクセシビリティの観点からデザインや仕様の決定に携わっています。 また、ウェブアクセシビリティに関するブログ記事の更新も担当しています。 よこやまゆみこ(ウェブマーケティングマネージャー) https://twitter.com/chacoweb_yama ブログを9年間運用してきた経験から実践的なアドバイスを得意とし、コンテンツ発信を活用して企業の価値を高めるサポートをしています。 400件を超える中小企業のホームページ制作に関わり、SEO、コンテンツマーケティング、ライティングの知識を使ったコンテンツ制作で利益につなげる制作ディレクションと利益獲得のアドバイスをしてきました。 ウェブの情報発信力を存分に活用する考え方を基礎からお伝えし、運用能力を身につけていただくお手伝いをしています。 チャコウェブ公式サイト https://www.chaco-web.com/ チャコウェブ公式X https://twitter.com/_chacoweb 株式会社Cyber Cats公式サイト https://cybercats.jp/ ポッドキャストの書き起こし「LISTEN」はこちら https://listen.style/p/chacoweb?k2xLjX2w

#33 WCAG 2.0 解説シリーズPart15「『ガイドライン2.4 ナビゲーション可能』とその達成基準 その3」
今回はWCAG 2.0のガイドライン2.4「ナビゲーション可能」の達成基準2.4.4「リンクの目的(コンテキスト内)」と2.4.5「複数の手段」を解説します。 達成基準2.4.4「リンクの目的(コンテキスト内)」 2.4.4では、リンクテキストからリンク先を予測できるようにすること、特に「詳しく見る」といった曖昧な表現を避け、具体的な表現を用いることを推奨しています。 これはスクリーンリーダー利用者への配慮も含まれます。 2.4.5「複数の手段」 2.4.5では、ウェブサイト内で目的のページにたどり着くための複数の手段、例えばサイトマップや検索機能の提供が求められます。 これは、ユーザーの多様なニーズに応えるためです。 これらの達成基準は、ウェブサイトのナビゲーションをより分かりやすく、使いやすくするために重要です。 達成基準 2.4.4: リンクの目的 (コンテキスト内) を理解する https://waic.jp/translations/WCAG21/Understanding/link-purpose-in-context.html 達成基準 2.4.5: 複数の手段を理解する https://waic.jp/translations/WCAG21/Understanding/multiple-ways.html 「チャコウェブラジオ」は株式会社Cyber Catsが運営するチャコウェブのスタッフが、ウェブアクセシビリティやSNS運用など、ウェブに関するテーマについて楽しくお話しするポッドキャストです。 ご感想やチャコウェブへのご相談はメールフォームよりお寄せください。 https://www.chaco-web.com/contactus.html 出演: やまぐちみあ(ウェブアクセシビリティマネージャー) https://twitter.com/chacoweb_ymgc 社内で定期的に開催している勉強会では、制作メンバーとウェブアクセシビリティ関連の知識を共有したり、意見交換を積極的に行っています。 お客様のホームページ制作にあたっては、ディレクター、デザイナーとの打ち合わせ時にウェブアクセシビリティの観点からデザインや仕様の決定に携わっています。 また、ウェブアクセシビリティに関するブログ記事の更新も担当しています。 よこやまゆみこ(ウェブマーケティングマネージャー) https://twitter.com/chacoweb_yama ブログを9年間運用してきた経験から実践的なアドバイスを得意とし、コンテンツ発信を活用して企業の価値を高めるサポートをしています。 400件を超える中小企業のホームページ制作に関わり、SEO、コンテンツマーケティング、ライティングの知識を使ったコンテンツ制作で利益につなげる制作ディレクションと利益獲得のアドバイスをしてきました。 ウェブの情報発信力を存分に活用する考え方を基礎からお伝えし、運用能力を身につけていただくお手伝いをしています。 チャコウェブ公式サイト https://www.chaco-web.com/ チャコウェブ公式X https://twitter.com/_chacoweb 株式会社Cyber Cats公式サイト https://cybercats.jp/ ポッドキャストの書き起こし「LISTEN」はこちら https://listen.style/p/chacoweb?k2xLjX2w

#32 WCAG 2.0 解説シリーズPart14「『ガイドライン2.4 ナビゲーション可能』とその達成基準 その2」
WCAG2.0ガイドライン2.4ナビゲーション可能の解説 2回目。 達成基準2.4.2「ページタイトル」について ・ページの主題を示し、文脈なしでも内容がわかる、かつ簡潔なタイトルが必要(レベルA) ・「主題を明確に」「前後の文脈がなくても意味が伝わる」「簡潔に」の3点が重要 達成基準2.4.3「フォーカス順序」について ・ボタン・リンクなどのフォーカス可能要素は、画面表示や意味に沿った順序で移動できる必要がある(レベルA) ・ソースコードの順番とデザインの表示順を揃えると混乱を防ぎ、支援技術でも使いやすくなる ページタイトル : 達成基準 2.4.2 を理解する https://waic.jp/translations/UNDERSTANDING-WCAG20/navigation-mechanisms-title.html フォーカス順序 - : - 達成基準 2.4.3 を理解する https://waic.jp/translations/UNDERSTANDING-WCAG20/navigation-mechanisms-focus-order.html 「チャコウェブラジオ」は株式会社Cyber Catsが運営するチャコウェブのスタッフが、ウェブアクセシビリティやSNS運用など、ウェブに関するテーマについて楽しくお話しするポッドキャストです。 ご感想やチャコウェブへのご相談はメールフォームよりお寄せください。 https://www.chaco-web.com/contactus.html 出演: やまぐちみあ(ウェブアクセシビリティマネージャー) https://twitter.com/chacoweb_ymgc 社内で定期的に開催している勉強会では、制作メンバーとウェブアクセシビリティ関連の知識を共有したり、意見交換を積極的に行っています。 お客様のホームページ制作にあたっては、ディレクター、デザイナーとの打ち合わせ時にウェブアクセシビリティの観点からデザインや仕様の決定に携わっています。 また、ウェブアクセシビリティに関するブログ記事の更新も担当しています。 よこやまゆみこ(ウェブマーケティングマネージャー) https://twitter.com/chacoweb_yama ブログを9年間運用してきた経験から実践的なアドバイスを得意とし、コンテンツ発信を活用して企業の価値を高めるサポートをしています。 400件を超える中小企業のホームページ制作に関わり、SEO、コンテンツマーケティング、ライティングの知識を使ったコンテンツ制作で利益につなげる制作ディレクションと利益獲得のアドバイスをしてきました。 ウェブの情報発信力を存分に活用する考え方を基礎からお伝えし、運用能力を身につけていただくお手伝いをしています。 チャコウェブ公式サイト https://www.chaco-web.com/ チャコウェブ公式X https://twitter.com/_chacoweb 株式会社Cyber Cats公式サイト https://cybercats.jp/ ポッドキャストの書き起こし「LISTEN」はこちら https://listen.style/p/chacoweb?k2xLjX2w

#31 WCAG 2.0 解説シリーズPart13「『ガイドライン2.4 ナビゲーション可能』とその達成基準 その1」
今回から4回でWCAG2.0ガイドライン2.4ナビゲーション可能の解説に入ります。 ガイドライン2.4ナビゲーション可能は、4つの原則「操作可能」の一部で、ユーザーが迷わず目的のコンテンツへアクセスし、現在位置を把握できるようにすることが目的。 ナビゲーションには「現在地の把握」と「別の場所へ移動する」2つの役割があります。 達成基準2.4.1「ブロックスキップ」は、スクリーンリーダーやキーボード利用者が重複ブロックを飛ばし、メインコンテンツへ素早く移動できるようにする仕組みの提供が必要 ブロックスキップの実装方法として、先頭に「メインコンテンツへ移動」リンクを設置する、あるいは見出しタグでコンテンツをグループ化するなどが紹介されている ブロックスキップ : 達成基準 2.4.1 を理解する https://waic.jp/translations/UNDERSTANDING-WCAG20/navigation-mechanisms-skip.html 「チャコウェブラジオ」は株式会社Cyber Catsが運営するチャコウェブのスタッフが、ウェブアクセシビリティやSNS運用など、ウェブに関するテーマについて楽しくお話しするポッドキャストです。 ご感想やチャコウェブへのご相談はメールフォームよりお寄せください。 https://www.chaco-web.com/contactus.html 出演: やまぐちみあ(ウェブアクセシビリティマネージャー) https://twitter.com/chacoweb_ymgc 社内で定期的に開催している勉強会では、制作メンバーとウェブアクセシビリティ関連の知識を共有したり、意見交換を積極的に行っています。 お客様のホームページ制作にあたっては、ディレクター、デザイナーとの打ち合わせ時にウェブアクセシビリティの観点からデザインや仕様の決定に携わっています。 また、ウェブアクセシビリティに関するブログ記事の更新も担当しています。 よこやまゆみこ(ウェブマーケティングマネージャー) https://twitter.com/chacoweb_yama ブログを9年間運用してきた経験から実践的なアドバイスを得意とし、コンテンツ発信を活用して企業の価値を高めるサポートをしています。 400件を超える中小企業のホームページ制作に関わり、SEO、コンテンツマーケティング、ライティングの知識を使ったコンテンツ制作で利益につなげる制作ディレクションと利益獲得のアドバイスをしてきました。 ウェブの情報発信力を存分に活用する考え方を基礎からお伝えし、運用能力を身につけていただくお手伝いをしています。 チャコウェブ公式サイト https://www.chaco-web.com/ チャコウェブ公式X https://twitter.com/_chacoweb 株式会社Cyber Cats公式サイト https://cybercats.jp/ ポッドキャストの書き起こし「LISTEN」はこちら https://listen.style/p/chacoweb?k2xLjX2w

#30 WCAG 2.0 解説シリーズPart12「『ガイドライン2.3 発作の防止』とその達成基準」
WCAG 2.0「ガイドライン2.3 発作の防止」に基づき、閃光や点滅が引き起こす光過敏性発作を防ぐ方法を解説。 WCAGにおける「閃光」「点滅」とはどのようなものか、なぜ閃光を避けるべきなのかについても解説しています。 発作を防ぐ達成基準として、1秒間に3回を超える閃光の制限や、一般閃光閾値・赤色閃光閾値の重要性を紹介。 参考: 発作の防止 - : - ガイドライン 2.3 を理解する https://waic.jp/translations/UNDERSTANDING-WCAG20/seizure.html 3回の閃光、又は閾値以下:達成基準 2.3.1 を理解する https://waic.jp/translations/UNDERSTANDING-WCAG20/seizure-does-not-violate.html 「チャコウェブラジオ」は株式会社Cyber Catsが運営するチャコウェブのスタッフが、ウェブアクセシビリティやSNS運用など、ウェブに関するテーマについて楽しくお話しするポッドキャストです。 ご感想やチャコウェブへのご相談はメールフォームよりお寄せください。 https://www.chaco-web.com/contactus.html 出演: やまぐちみあ(ウェブアクセシビリティマネージャー) https://twitter.com/chacoweb_ymgc 社内で定期的に開催している勉強会では、制作メンバーとウェブアクセシビリティ関連の知識を共有したり、意見交換を積極的に行っています。 お客様のホームページ制作にあたっては、ディレクター、デザイナーとの打ち合わせ時にウェブアクセシビリティの観点からデザインや仕様の決定に携わっています。 また、ウェブアクセシビリティに関するブログ記事の更新も担当しています。 よこやまゆみこ(ウェブマーケティングマネージャー) https://twitter.com/chacoweb_yama ブログを9年間運用してきた経験から実践的なアドバイスを得意とし、コンテンツ発信を活用して企業の価値を高めるサポートをしています。 400件を超える中小企業のホームページ制作に関わり、SEO、コンテンツマーケティング、ライティングの知識を使ったコンテンツ制作で利益につなげる制作ディレクションと利益獲得のアドバイスをしてきました。 ウェブの情報発信力を存分に活用する考え方を基礎からお伝えし、運用能力を身につけていただくお手伝いをしています。 チャコウェブ公式サイト https://www.chaco-web.com/ チャコウェブ公式X https://twitter.com/_chacoweb 株式会社Cyber Cats公式サイト https://cybercats.jp/ ポッドキャストの書き起こし「LISTEN」はこちら https://listen.style/p/chacoweb?k2xLjX2w

#29 WCAG 2.0 解説シリーズPart11「『ガイドライン2.2 十分な時間』とその達成基準」
WCAG 2.0「ガイドライン2.2 十分な時間」についてと、このガイドラインに関する達成基準を詳しく解説します。制限時間の調整や延長、例外規定を理解し、すべてのユーザーが十分な時間を確保して利用できるウェブサイトを目指します。また、スライドショーやアニメーション、自動更新情報のアクセシビリティ向上方法も紹介します。 ウェブ制作者にとって重要なポイントを簡潔にまとめた内容です。 参考: ガイドライン 2.2: 十分な時間を理解する https://waic.jp/translations/WCAG21/Understanding/enough-time.html 達成基準 2.2.1: タイミング調整可能を理解する https://waic.jp/translations/WCAG21/Understanding/timing-adjustable.html 達成基準 2.2.2: 一時停止、停止、非表示を理解する https://waic.jp/translations/WCAG21/Understanding/pause-stop-hide.html 「チャコウェブラジオ」は株式会社Cyber Catsが運営するチャコウェブのスタッフが、ウェブアクセシビリティやSNS運用など、ウェブに関するテーマについて楽しくお話しするポッドキャストです。 ご感想やチャコウェブへのご相談はメールフォームよりお寄せください。 https://www.chaco-web.com/contactus.html 出演: やまぐちみあ(ウェブアクセシビリティマネージャー) https://twitter.com/chacoweb_ymgc 社内で定期的に開催している勉強会では、制作メンバーとウェブアクセシビリティ関連の知識を共有したり、意見交換を積極的に行っています。 お客様のホームページ制作にあたっては、ディレクター、デザイナーとの打ち合わせ時にウェブアクセシビリティの観点からデザインや仕様の決定に携わっています。 また、ウェブアクセシビリティに関するブログ記事の更新も担当しています。 よこやまゆみこ(ウェブマーケティングマネージャー) https://twitter.com/chacoweb_yama ブログを9年間運用してきた経験から実践的なアドバイスを得意とし、コンテンツ発信を活用して企業の価値を高めるサポートをしています。 400件を超える中小企業のホームページ制作に関わり、SEO、コンテンツマーケティング、ライティングの知識を使ったコンテンツ制作で利益につなげる制作ディレクションと利益獲得のアドバイスをしてきました。 ウェブの情報発信力を存分に活用する考え方を基礎からお伝えし、運用能力を身につけていただくお手伝いをしています。 チャコウェブ公式サイト https://www.chaco-web.com/ チャコウェブ公式X https://twitter.com/_chacoweb 株式会社Cyber Cats公式サイト https://cybercats.jp/ ポッドキャストの書き起こし「LISTEN」はこちら https://listen.style/p/chacoweb?k2xLjX2w

#28 WCAG 2.0 解説シリーズPart10「『ガイドライン2.1 キーボード操作可能』とその達成基準」
ウェブアクセシビリティにおける重要な4つの原則2つ目、WCAG 2.0のガイドライン2.1「キーボード操作可能」とその達成基準2.1.1「キーボード」、2.1.2「キーボードトラップなし」を解説します。 キーボード操作を可能にすることで、他の操作方法にも対応でき、ユーザーの使いやすさが向上します。特定のタイミングを要するキー操作を避け、キーボードトラップを防ぐことで、誰もが快適にウェブコンテンツを利用できます。 「達成基準 2.1.1: キーボード」では、可能な限りキーボードで操作できるように作成することを求めています。 「達成基準 2.1.2: キーボードトラップなし」では、キーボードフォーカスを「トラップ」しないようにコンテンツを作成するようもとめています。 参考: キーボード操作可能 - : - ガイドライン 2.1 を理解する 達成基準 2.1.1: キーボードを理解する 達成基準 2.1.2: キーボードトラップなしを理解する 「チャコウェブラジオ」は株式会社Cyber Catsが運営するチャコウェブのスタッフが、ウェブアクセシビリティやSNS運用など、ウェブに関するテーマについて楽しくお話しするポッドキャストです。 ご感想やチャコウェブへのご相談はメールフォームよりお寄せください。 https://www.chaco-web.com/contactus.html 出演: やまぐちみあ(ウェブアクセシビリティマネージャー) https://twitter.com/chacoweb_ymgc 社内で定期的に開催している勉強会では、制作メンバーとウェブアクセシビリティ関連の知識を共有したり、意見交換を積極的に行っています。 お客様のホームページ制作にあたっては、ディレクター、デザイナーとの打ち合わせ時にウェブアクセシビリティの観点からデザインや仕様の決定に携わっています。 また、ウェブアクセシビリティに関するブログ記事の更新も担当しています。 よこやまゆみこ(ウェブマーケティングマネージャー) https://twitter.com/chacoweb_yama ブログを9年間運用してきた経験から実践的なアドバイスを得意とし、コンテンツ発信を活用して企業の価値を高めるサポートをしています。 400件を超える中小企業のホームページ制作に関わり、SEO、コンテンツマーケティング、ライティングの知識を使ったコンテンツ制作で利益につなげる制作ディレクションと利益獲得のアドバイスをしてきました。 ウェブの情報発信力を存分に活用する考え方を基礎からお伝えし、運用能力を身につけていただくお手伝いをしています。 チャコウェブ公式サイト https://www.chaco-web.com/ チャコウェブ公式X https://twitter.com/_chacoweb 株式会社Cyber Cats公式サイト https://cybercats.jp/ ポッドキャストの書き起こし「LISTEN」はこちら https://listen.style/p/chacoweb?k2xLjX2w

#27 WCAG 2.0 解説シリーズPart9「『ガイドライン1.4 判別可能』とその達成基準 後編」
「ガイドライン1.4 判別可能」とその達成基準について3回にわたって解説する3回目、最終回。 達成基準 1.4.4 テキストのサイズ変更ではキャプションおよび文字画像を除き、テキストはコンテンツや機能を損なうことなく、支援技術なしで200%までサイズ変更をできるようにすることを求めています。 ウェブサイトに「大・中・小」といった切り替えボタンで表示の拡大縮小を付ける方法もありますが、最近はブラウザで拡大縮小の昨日が付いているので、ユーザーが自由にサイズを変更できる支援をするほうが適切という意見があります。 達成基準 1.4.5 文字画像は、使用している技術で意図した視覚的提示が可能な場合、文字画像ではなくテキストを使用して情報を伝える必要があるとしています。 参考: 達成基準 1.4.4: テキストのサイズ変更を理解する 達成基準 1.4.5: 文字画像を理解する 「チャコウェブラジオ」は株式会社Cyber Catsが運営するチャコウェブのスタッフが、ウェブアクセシビリティやSNS運用など、ウェブに関するテーマについて楽しくお話しするポッドキャストです。 ご感想やチャコウェブへのご相談はメールフォームよりお寄せください。 https://www.chaco-web.com/contactus.html 出演: やまぐちみあ(ウェブアクセシビリティマネージャー) https://twitter.com/chacoweb_ymgc 社内で定期的に開催している勉強会では、制作メンバーとウェブアクセシビリティ関連の知識を共有したり、意見交換を積極的に行っています。 お客様のホームページ制作にあたっては、ディレクター、デザイナーとの打ち合わせ時にウェブアクセシビリティの観点からデザインや仕様の決定に携わっています。 また、ウェブアクセシビリティに関するブログ記事の更新も担当しています。 よこやまゆみこ(ウェブマーケティングマネージャー) https://twitter.com/chacoweb_yama ブログを9年間運用してきた経験から実践的なアドバイスを得意とし、コンテンツ発信を活用して企業の価値を高めるサポートをしています。 400件を超える中小企業のホームページ制作に関わり、SEO、コンテンツマーケティング、ライティングの知識を使ったコンテンツ制作で利益につなげる制作ディレクションと利益獲得のアドバイスをしてきました。 ウェブの情報発信力を存分に活用する考え方を基礎からお伝えし、運用能力を身につけていただくお手伝いをしています。 チャコウェブ公式サイト https://www.chaco-web.com/ チャコウェブ公式X https://twitter.com/_chacoweb 株式会社Cyber Cats公式サイト https://cybercats.jp/ ポッドキャストの書き起こし「LISTEN」はこちら https://listen.style/p/chacoweb?k2xLjX2w

#26 WCAG 2.0 解説シリーズPart8「『ガイドライン1.4 判別可能』とその達成基準 中編」
「ガイドライン1.4 判別可能」とその達成基準について3回にわたって解説する2回目。 達成基準1.4.2「音声の制御」では、ウェブページ上の音声が自動再生され、3秒以上続く場合、その音声を一時停止・停止するメカニズム、またはシステム全体の音量に影響を与えず音量調整できる環境の提供が必要としています。 スクリーンリーダーユーザーは、自動再生される音声があると操作が困難になる可能性があるためで、この配慮は注意力が散漫になりがちなユーザーにも役立ちます。 音声の自動再生は避け、ユーザーの操作で再生されるのが理想的と考えます。 達成基準1.4.3「コントラスト(最低限)」では、テキストおよび文字画像の視覚的提示に、少なくとも4.5:1のコントラスト比が必要としています。 4.5:1以上のコントラスト比を確保することで、色覚特性のあるユーザーや中度のロービジョンユーザーが支援技術なしでテキストを読めるようになります。 コントラスト比の計算には自動算出ツールの使用がおすすめです。 このコントラスト比には例外が3つあり、大きな文字、付随的、ロゴタイプでは不要とされています。 しかし、大きな文字でもデバイスの多様性を考慮し、可能なら4.5:1以上にするのが望ましいという考えもあります。 参考: 達成基準 1.4.2: 音声の制御を理解する 達成基準 1.4.3: コントラスト (最低限)を理解する 「チャコウェブラジオ」は株式会社Cyber Catsが運営するチャコウェブのスタッフが、ウェブアクセシビリティやSNS運用など、ウェブに関するテーマについて楽しくお話しするポッドキャストです。 ご感想やチャコウェブへのご相談はメールフォームよりお寄せください。 https://www.chaco-web.com/contactus.html 出演: やまぐちみあ(ウェブアクセシビリティマネージャー) https://twitter.com/chacoweb_ymgc 社内で定期的に開催している勉強会では、制作メンバーとウェブアクセシビリティ関連の知識を共有したり、意見交換を積極的に行っています。 お客様のホームページ制作にあたっては、ディレクター、デザイナーとの打ち合わせ時にウェブアクセシビリティの観点からデザインや仕様の決定に携わっています。 また、ウェブアクセシビリティに関するブログ記事の更新も担当しています。 よこやまゆみこ(ウェブマーケティングマネージャー) https://twitter.com/chacoweb_yama ブログを9年間運用してきた経験から実践的なアドバイスを得意とし、コンテンツ発信を活用して企業の価値を高めるサポートをしています。 400件を超える中小企業のホームページ制作に関わり、SEO、コンテンツマーケティング、ライティングの知識を使ったコンテンツ制作で利益につなげる制作ディレクションと利益獲得のアドバイスをしてきました。 ウェブの情報発信力を存分に活用する考え方を基礎からお伝えし、運用能力を身につけていただくお手伝いをしています。 チャコウェブ公式サイト https://www.chaco-web.com/ チャコウェブ公式X https://twitter.com/_chacoweb 株式会社Cyber Cats公式サイト https://cybercats.jp/ ポッドキャストの書き起こし「LISTEN」はこちら https://listen.style/p/chacoweb?k2xLjX2w

#25 WCAG 2.0 解説シリーズPart7「『ガイドライン1.4 判別可能』とその達成基準 前編」
今回から3回にわたりWCAG 2.0のガイドライン1.4 判別可能とその達成基準について解説します。 ガイドライン1.4はコンテンツを利用者にとって見やすく、聞きやすくすることを目的としており、前景と背景を区別することを求めています。 「前景と背景を区別すること」とは「もっとも重要なもの」と「付随するものや補助的なもの」を区別するようなことです。 ガイドライン1.4は支援技術がなくても幅広いユーザーがコンテンツを利用できる状態を重視している点が他のガイドラインと異なっています。 達成基準1.4.1「色の使用」では、情報を伝える際に色だけに頼らず、他の視覚的手段も併用することが求められている基準です。 リンクを色の違いだけでなく下線を使って示す、必須項目を赤枠だけでなく記号やテキストで示すなど。 グラフは色とパターンを併用して情報を伝えることで、色覚特性のあるユーザーやモノクロディスプレイ使用者にも情報が伝わりやすくなります。 参考: ガイドライン 1.4を理解する | WCAG 2.0解説書 達成基準 1.4.1: 色の使用を理解する 「チャコウェブラジオ」は株式会社Cyber Catsが運営するチャコウェブのスタッフが、ウェブアクセシビリティやSNS運用など、ウェブに関するテーマについて楽しくお話しするポッドキャストです。 ご感想やチャコウェブへのご相談はメールフォームよりお寄せください。 https://www.chaco-web.com/contactus.html 出演: やまぐちみあ(ウェブアクセシビリティマネージャー) https://twitter.com/chacoweb_ymgc 社内で定期的に開催している勉強会では、制作メンバーとウェブアクセシビリティ関連の知識を共有したり、意見交換を積極的に行っています。 お客様のホームページ制作にあたっては、ディレクター、デザイナーとの打ち合わせ時にウェブアクセシビリティの観点からデザインや仕様の決定に携わっています。 また、ウェブアクセシビリティに関するブログ記事の更新も担当しています。 よこやまゆみこ(ウェブマーケティングマネージャー) https://twitter.com/chacoweb_yama ブログを9年間運用してきた経験から実践的なアドバイスを得意とし、コンテンツ発信を活用して企業の価値を高めるサポートをしています。 400件を超える中小企業のホームページ制作に関わり、SEO、コンテンツマーケティング、ライティングの知識を使ったコンテンツ制作で利益につなげる制作ディレクションと利益獲得のアドバイスをしてきました。 ウェブの情報発信力を存分に活用する考え方を基礎からお伝えし、運用能力を身につけていただくお手伝いをしています。 チャコウェブ公式サイト https://www.chaco-web.com/ チャコウェブ公式X https://twitter.com/_chacoweb 株式会社Cyber Cats公式サイト https://cybercats.jp/ ポッドキャストの書き起こし「LISTEN」はこちら https://listen.style/p/chacoweb?k2xLjX2w

#24 WCAG 2.0 解説シリーズPart6「『ガイドライン1.3 適応可能』とその達成基準 後編」
2回に分けてWCAG2.0 『ガイドライン1.3 適応可能』とその達成基準についての解説、後編です。 達成基準1.3.2「意味のある順序」と1.3.3「感覚的な特徴」について詳しく述べていきます。 達成基準1.3.2「意味のある順序」は、コンテンツの提示順序が意味に影響を及ぼす場合、正しい読み順がプログラムによる解釈が可能でなければならない。 意味のある順序でコンテンツを並べる。正しい順序でマークアップしないと、スクリーンリーダーが誤った順序で読み上げ、意味が伝わらなくなる。 達成基準1.3.3「感覚的な特徴」は、コンテンツの理解や操作の説明において、形、大きさ、視覚的な位置、方向、音などの感覚的な特徴だけに依存してはいけない。 感覚的な特徴に加えて、テキスト情報や他の識別子を提供する、複数の情報(位置、テキストラベル、形状など)を組み合わせて説明することで、さまざまな状況にあるユーザーに正しく情報が伝わるようにする。 参考: ガイドライン 1.3: 適応可能を理解する https://waic.jp/translations/WCAG21/Understanding/adaptable.html 達成基準 1.3.2: 意味のあるシーケンスを理解する https://waic.jp/translations/WCAG21/Understanding/meaningful-sequence.html 達成基準 1.3.3: 感覚的な特徴を理解する https://waic.jp/translations/WCAG21/Understanding/sensory-characteristics.html 「チャコウェブラジオ」は株式会社Cyber Catsが運営するチャコウェブのスタッフが、ウェブアクセシビリティやSNS運用など、ウェブに関するテーマについて楽しくお話しするポッドキャストです。 ご感想やチャコウェブへのご相談はメールフォームよりお寄せください。 https://www.chaco-web.com/contactus.html 出演: やまぐちみあ(ウェブアクセシビリティマネージャー) https://twitter.com/chacoweb_ymgc 社内で定期的に開催している勉強会では、制作メンバーとウェブアクセシビリティ関連の知識を共有したり、意見交換を積極的に行っています。 お客様のホームページ制作にあたっては、ディレクター、デザイナーとの打ち合わせ時にウェブアクセシビリティの観点からデザインや仕様の決定に携わっています。 また、ウェブアクセシビリティに関するブログ記事の更新も担当しています。 よこやまゆみこ(ウェブマーケティングマネージャー) https://twitter.com/chacoweb_yama ブログを9年間運用してきた経験から実践的なアドバイスを得意とし、コンテンツ発信を活用して企業の価値を高めるサポートをしています。 400件を超える中小企業のホームページ制作に関わり、SEO、コンテンツマーケティング、ライティングの知識を使ったコンテンツ制作で利益につなげる制作ディレクションと利益獲得のアドバイスをしてきました。 ウェブの情報発信力を存分に活用する考え方を基礎からお伝えし、運用能力を身につけていただくお手伝いをしています。 チャコウェブ公式サイト https://www.chaco-web.com/ チャコウェブ公式X https://twitter.com/_chacoweb 株式会社Cyber Cats公式サイト https://cybercats.jp/ ポッドキャストの書き起こし「LISTEN」はこちら https://listen.style/p/chacoweb?k2xLjX2w

#23 WCAG 2.0 解説シリーズPart5「『ガイドライン1.3 適応可能』とその達成基準 前編」
今回と次回は、2回に分けてWCAG2.0 『ガイドライン1.3 適応可能』とその達成基準についての解説をしていきます。 ガイドライン1.3「適応可能」は、情報や構造を損なうことなく、さまざまな方法でウェブコンテンツを提供できるように制作することを求めます。 「さまざまな方法」とは、視覚的な表現を音声で読み上げたり、よりシンプルなレイアウトに変更したりすること。 情報や構造を保たないと、支援技術を使用するユーザーなどが正しく情報を理解できなくなる可能性がある。 関連する達成基準は3つ。 1.3.1 情報及び関係性 1.3.2 意味のある順序 1.3.3 感覚的な特徴 達成基準1.3.1「情報及び関係性」は、視覚や聴覚で伝えられる情報や関係性をプログラムによる解釈が可能にするか、テキストで提供すること。 セマンティックHTMLでのマークアップは、情報や関係性をプログラムに正しく伝えるために重要。 参考: ガイドライン 1.3: 適応可能を理解する https://waic.jp/translations/WCAG21/Understanding/adaptable.html 達成基準 1.3.1: 情報及び関係性を理解する https://waic.jp/translations/WCAG21/Understanding/info-and-relationships.html 「チャコウェブラジオ」は株式会社Cyber Catsが運営するチャコウェブのスタッフが、ウェブアクセシビリティやSNS運用など、ウェブに関するテーマについて楽しくお話しするポッドキャストです。 ご感想やチャコウェブへのご相談はメールフォームよりお寄せください。 https://www.chaco-web.com/contactus.html 出演: やまぐちみあ(ウェブアクセシビリティマネージャー) https://twitter.com/chacoweb_ymgc 社内で定期的に開催している勉強会では、制作メンバーとウェブアクセシビリティ関連の知識を共有したり、意見交換を積極的に行っています。 お客様のホームページ制作にあたっては、ディレクター、デザイナーとの打ち合わせ時にウェブアクセシビリティの観点からデザインや仕様の決定に携わっています。 また、ウェブアクセシビリティに関するブログ記事の更新も担当しています。 よこやまゆみこ(ウェブマーケティングマネージャー) https://twitter.com/chacoweb_yama ブログを9年間運用してきた経験から実践的なアドバイスを得意とし、コンテンツ発信を活用して企業の価値を高めるサポートをしています。 400件を超える中小企業のホームページ制作に関わり、SEO、コンテンツマーケティング、ライティングの知識を使ったコンテンツ制作で利益につなげる制作ディレクションと利益獲得のアドバイスをしてきました。 ウェブの情報発信力を存分に活用する考え方を基礎からお伝えし、運用能力を身につけていただくお手伝いをしています。 チャコウェブ公式サイト https://www.chaco-web.com/ チャコウェブ公式X https://twitter.com/_chacoweb 株式会社Cyber Cats公式サイト https://cybercats.jp/ ポッドキャストの書き起こし「LISTEN」はこちら https://listen.style/p/chacoweb?k2xLjX2w

#22 WCAG 2.0 解説シリーズPart4「『ガイドライン1.2 時間依存メディア』とその達成基準 後編」
前回に続いて、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

#21 WCAG 2.0 解説シリーズPart3「『ガイドライン1.2 時間依存メディア』とその達成基準 前編」
今回から2回にわたってWCAG 2.0の「ガイドライン1.2 時間依存メディア」について詳しく解説します。 時間依存メディアとは、時間の経過に伴って変化する音声や映像。動画や音声には代替コンテンツを提供するように求められます。 代替コンテンツには、テキストトランスクリプト(音声の書き起こし)、キャプション(字幕:オープンキャプションとクローズドキャプションの2種類)、音声解説(映像内容を音声で説明)の3つがあります。 これらは、障害の有無や利用環境に関わらず、多くの人がコンテンツを利用できるようにするための手段です。例えば、音声を聞けない環境や視覚情報を得るのが難しい人でも、代替コンテンツを通じて情報を取得できます。代替コンテンツの提供は、ウェブアクセシビリティの向上だけでなく、コンテンツの利用範囲を広げる効果もあります。このガイドラインに関連する5つの達成基準については次回の後編で詳しく紹介します。 参考: ガイドライン 1.2: 時間依存メディアを理解する https://waic.jp/translations/WCAG21/Understanding/time-based-media.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

#20 WCAG 2.0 解説シリーズPart2「『ガイドライン1.1 テキストによる代替』とその達成基準」
WCAG 2.0のガイドライン1.1「テキストによる代替」と達成基準1.1.1「非テキストコンテンツ」について解説します。 非テキストコンテンツにはテキストによる代替が必要/非テキストコンテンツとは、画像や動画を指す/なぜテキストによる代替が必要なのか?/すべてのユーザーが情報にアクセスできるようにするため/テキストは拡大表示、音声読み上げ、点字など多様な形式に変換できるため、視覚障害や聴覚障害を持つ方でもコンテンツを理解できる/6つの例外/コントロール・入力、時間依存メディア、テスト、感覚的、CAPTCHA、装飾・整形・非表示 参考テキストによる代替 - : - ガイドライン 1.1 を理解する https://waic.jp/translations/UNDERSTANDING-WCAG20/text-equiv.html 非テキストコンテンツ:達成基準 1.1.1 を理解する https://waic.jp/translations/UNDERSTANDING-WCAG20/text-equiv-all.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

#19 WCAG 2.0 解説シリーズPart1「4つの原則・ガイドライン・達成基準の関係」
今回からWCAG 2.0 解説シリーズです。 Part1は「4つの原則・ガイドライン・達成基準の関係」。 WCAG 2.0の4つの原則(知覚可能、操作可能、理解可能、堅牢)と、それに対応するガイドラインおよび達成基準の関係性を解説します。 各原則の下にある12のガイドラインと、具体的な達成基準がウェブアクセシビリティの適合レベル(A、AA、AAA)にどのように影響するか概論を解説しています。 参考: WCAG 2.0 解説書のイントロダクション Web Content Accessibility Guidelines (WCAG) 2.0 「チャコウェブラジオ」は株式会社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
Also Recommended

楽しいラジオ「ドングリFM」
ブロガーとして人気の2人が話すポッドキャスト番組です。最近話題のニュース、日常に役立つ面白ネタなどを話します。国内・海外のIT事情に興味ある人にオススメの内容になっています。 ・お便りは https://goo.gl/p38JVb まで ・詳しいリンクはこちら https://linktr.ee/dongurifm ・リスナーコミュニティ「裏ドングリ」は以下からどうぞ https://community.camp-fire.jp/projects/view/206637 https://donguri.fm/membership/join BGMと最後の締めの曲はフリーBGM・音楽素材「 http://musmus.main.jp 」より。

オカンの話なんて誰が聞くん?
運転しながら頭の中を垂れ流し ※音質わるいです🙇🏼♀️

@narumi のつぶやき
声低おじさんの独り言 お便り募集中 https://forms.gle/mFNwFusdE6eszbMU6

jkondoの朝の散歩
ポッドキャストプラットフォーム「LISTEN」や、GPSトラッキングサービス「IBUKI」、物件メディア「物件ファン」、京都の宿とコワーキング施設「UNKNOWN KYOTO」を運営する近藤淳也(jkondo)が、朝の散歩をしたりしながら、日々の出来事や考えたことを語ります。

一日一配
声の日記。自分の声で日記を書く、LISTENならではのポッドキャスト。

LISTEN NEWS
LISTENからの最新情報をお届けする公式ポッドキャストです。