チャコウェブラジオ
R+

チャコウェブラジオ

株式会社Cyber Cats 74 Episodes
チャコウェブ

「チャコウェブラジオ」は株式会社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

https://www.chaco-web.com/

番組の魅力・推薦

まだ推薦はありません。LISTENでは、番組をじっくり聴き込んだリスナーだけが推薦を投稿できます。
#33 WCAG 2.0 解説シリーズPart15「『ガイドライン2.4 ナビゲーション可能』とその達成基準 その3」

#33 WCAG 2.0 解説シリーズPart15「『ガイドライン2.4 ナビゲーション可能』とその達成基準 その3」

Jan 9, 2025 12:14 チャコウェブ

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

#32 WCAG 2.0 解説シリーズPart14「『ガイドライン2.4 ナビゲーション可能』とその達成基準 その2」

Dec 26, 2024 11:31 チャコウェブ

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」

#31 WCAG 2.0 解説シリーズPart13「『ガイドライン2.4 ナビゲーション可能』とその達成基準 その1」

Dec 19, 2024 11:03 チャコウェブ

今回から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 発作の防止』とその達成基準」

#30 WCAG 2.0 解説シリーズPart12「『ガイドライン2.3 発作の防止』とその達成基準」

Dec 12, 2024 13:29 チャコウェブ

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 十分な時間』とその達成基準」

#29 WCAG 2.0 解説シリーズPart11「『ガイドライン2.2 十分な時間』とその達成基準」

Dec 5, 2024 15:14 チャコウェブ

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 キーボード操作可能』とその達成基準」

#28 WCAG 2.0 解説シリーズPart10「『ガイドライン2.1 キーボード操作可能』とその達成基準」

Nov 21, 2024 12:16 チャコウェブ

ウェブアクセシビリティにおける重要な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 判別可能』とその達成基準 後編」

#27 WCAG 2.0 解説シリーズPart9「『ガイドライン1.4 判別可能』とその達成基準 後編」

Nov 14, 2024 11:14 チャコウェブ

「ガイドライン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 判別可能』とその達成基準 中編」

#26 WCAG 2.0 解説シリーズPart8「『ガイドライン1.4 判別可能』とその達成基準 中編」

Nov 7, 2024 14:37 チャコウェブ

「ガイドライン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 判別可能』とその達成基準 前編」

#25 WCAG 2.0 解説シリーズPart7「『ガイドライン1.4 判別可能』とその達成基準 前編」

Oct 31, 2024 10:58 チャコウェブ

今回から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 適応可能』とその達成基準 後編」

#24 WCAG 2.0 解説シリーズPart6「『ガイドライン1.3 適応可能』とその達成基準 後編」

Oct 24, 2024 13:10 チャコウェブ

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 適応可能』とその達成基準 前編」

#23 WCAG 2.0 解説シリーズPart5「『ガイドライン1.3 適応可能』とその達成基準 前編」

Oct 17, 2024 13:41 チャコウェブ

今回と次回は、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 時間依存メディア』とその達成基準 後編」

#22 WCAG 2.0 解説シリーズPart4「『ガイドライン1.2 時間依存メディア』とその達成基準 後編」

Oct 10, 2024 11:46 チャコウェブ

前回に続いて、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 時間依存メディア』とその達成基準 前編」

#21 WCAG 2.0 解説シリーズPart3「『ガイドライン1.2 時間依存メディア』とその達成基準 前編」

Oct 3, 2024 11:32 チャコウェブ

今回から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 テキストによる代替』とその達成基準」

#20 WCAG 2.0 解説シリーズPart2「『ガイドライン1.1 テキストによる代替』とその達成基準」

Sep 26, 2024 09:23 チャコウェブ

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つの原則・ガイドライン・達成基準の関係」

#19 WCAG 2.0 解説シリーズPart1「4つの原則・ガイドライン・達成基準の関係」

Sep 19, 2024 10:14 チャコウェブ

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

#18 適合レベルと対応度表記の関係とは?

#18 適合レベルと対応度表記の関係とは?

Sep 12, 2024 10:05 チャコウェブ

今回は、WCAG 2.0とJIS X 8341-3:2016の適合レベルと対応度表記の関係について解説しています。 WCAGは世界的なウェブアクセシビリティ基準で、JIS X 8341-3は日本の規格です。 両者は内容が統一されており、ウェブサイトのアクセシビリティを示すための適合レベル(A、AA、AAA)と対応度表記(準拠、一部準拠、配慮)があります。 WCAG 2.0の3つの適合レベルから目標を決め、ウェブサイトのアクセシビリティ方針が策定されます。 達成基準を満たすように制作や対応を進め、試験を実施して結果を公開する流れです。 配慮の場合は試験の実施や結果公開は不要ですが、準拠、一部準拠と同じくウェブアクセシビリティ方針を作成します。 ウェブコンテンツの JIS X 8341-3:2016 対応度表記ガイドライン https://waic.jp/docs/jis2016/compliance-guidelines/202104/ 「チャコウェブラジオ」は株式会社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

#17 WCAGの4つの原則とは?

#17 WCAGの4つの原則とは?

Sep 5, 2024 11:13 チャコウェブ

ウェブアクセシビリティを確保するための基本的な指針であるWCAGの4つの原則について解説します。 4つの原則とは:「知覚可能」「操作可能」「理解可能」「堅牢」 知覚可能: コンテンツがすべてのユーザーに認識可能 操作可能: ユーザーがコンテンツを操作できるようにすること 理解可能: コンテンツの内容や操作方法が、すべてのユーザーにとって分かりやすいこと 堅牢: どのようなデバイスや環境でもウェブコンテンツを使えるようにすること Web Content Accessibility Guidelines (WCAG) 2.0 https://waic.jp/translations/WCAG20/Overview.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

#16 WCAG2.0への適合とは?:後編

#16 WCAG2.0への適合とは?:後編

Aug 22, 2024 11:16 チャコウェブ

前回に引き続き、ウェブアクセシビリティの国際基準であるWCAG2.0への適合要件について解説します。今回は、「ウェブページ全体」「プロセス全体」「技術のアクセシビリティサポーテッドな使用方法だけ」に焦点を当てています。 前回解説した「適合レベル」「非干渉」を含めた5つの要件を満たすことで、ウェブサイトはWCAG2.0に適合し、あらゆるユーザーがアクセスしやすいコンテンツを提供することが可能になります。 WCAG 2.0 への適合を理解する https://waic.jp/translations/UNDERSTANDING-WCAG20/conformance.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

 #15 WCAG2.0への適合とは?:前編

#15 WCAG2.0への適合とは?:前編

Aug 15, 2024 11:46 チャコウェブ

今回は、ウェブアクセシビリティに関する国際的なガイドライン「WCAG2.0」への適合について。 適合要件として重要な5つのポイントを前編と後編に分けて詳しく説明し、今回はそのうち「適合レベル」と「非干渉」について詳しく解説します。 WCAG2.0の基準に準拠することで、ウェブサイトのアクセシビリティ向上を目指すための実践的な知識を学べます。 WCAG 2.0 への適合を理解する https://waic.jp/translations/UNDERSTANDING-WCAG20/conformance.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

#14 適合レベルに適合する:後編

#14 適合レベルに適合する:後編

Aug 8, 2024 10:29 チャコウェブ

前回に引き続き、WCAG(ウェブコンテンツアクセシビリティガイドライン)の適合レベルについて詳しく解説しています。 「目標とする適合レベルに対応した達成基準」について Aに適合するにはAの達成基準、AAに適合するにはAとAAの達成基準すべてを、AAAに適合するにはA、AA、AAAすべての達成基準を満たす必要があります。 「適合している代替版を提供する」について 適合している代替版とは、元のウェブページがアクセシビリティの基準を満たしていない場合に、その代わりとして用意される、基準を満たしているページのことです。例えば、視覚障害のある人が利用しやすいように工夫されたページを用意することです。この代替版は、同じ内容や機能を持ち、常に最新の情報に更新される必要があります。また、代替版に簡単にアクセスできるリンクが元のページにあることも重要です。 参考: WCAG 2.0 への適合を理解する https://waic.jp/translations/UNDERSTANDING-WCAG20/conformance.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

近藤淳也のアンノウンラジオ

近藤淳也のアンノウンラジオ

株式会社はてな創業者であり現在もITの第一線で働く近藤淳也が、京都の宿UNKNOWN KYOTOにやって来る「好きなことを仕事にしている人」を深堀りすることで、世の中の多様な仕事やキャリア、生き方・働き方を「リアルな実例」として紐解いていきます。 . 【ホスト:近藤淳也】 株式会社OND代表取締役社長、株式会社はてな取締役、UNKNOWN KYOTO支配人、NPO法人滋賀一周トレイル代表理事、トレイルランナー。 2001年に「はてなブログ」「はてなブックマーク」などを運営する株式会社はてなを創業、2011年にマザーズにて上場。その後2017年に株式会社ONDを設立し、現在もITの第一線で働く。 株式会社OND: https://ond-inc.com/ . 【UNKNOWN KYOTO】 築100年を超える元遊郭建築を改装し、仕事もできて暮らせる宿に。コワーキングやオフィスを併設することで、宿泊として来られる方と京都を拠点に働く方が交わる場所になっています。 1泊の観光目的の利用だけではなく、中長期滞在される方にも好評いただいています。 web: https://unknown.kyoto/ . こちらから本文を読んだりコメントが書けます! https://listen.style/p/unknownradio

IBUKI STATION

IBUKI STATION

ここはアウトドア向けGPSトラッキング「IBUKI」にまつわる人々が集まる場所。 トレイルラン、登山、冒険、ランニング、自転車、ロゲイニング、、 スタイルは数あれど、共通しているのは自然を楽しみ、そして人とのつながりも楽しむ姿勢。 自然を目一杯楽しみ、苦しみながら、人と接する喜びにも気付く。 アウトドアを満喫するみなさんが、ほっとできるIBUKI STATIONです。 IBUKI https://ibuki.run/ 近藤淳也 IBUKIを提供する株式会社OND代表。ポッドキャストプラットフォーム「LISTEN」も展開 桑原佑輔 OND所属。IBUKI事業担当営業・テクニカルディレクター

jkondoの朝の散歩

jkondoの朝の散歩

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

私より先に丁寧に暮らすな

私より先に丁寧に暮らすな

東京の歌人・上坂あゆ美と、京都の僧侶・鵜飼ヨシキによる雑談配信。人生の呪いからファミレスの好きなメニューの話まで幅広くお届け。 【初めての方におすすめ回】 #30 お菓子が人間だったら誰と付き合いたいか真剣に考える https://open.spotify.com/episode/751EzuNXjpgP2i53P7OtX7?si=XxN2eddURsas_JWE6KFu-A #163 恋愛ってマーージでクソだと思っている人の話 https://open.spotify.com/episode/1WgeglhRT5GQfqzkBO2bNF?si=1l0b2OBlTJq ▼ご意見ご感想は #よりすな ▼お悩みや質問はコチラまで https://forms.gle/1bqryhYcDWt334jZ7 ▼番組公式SNS https://x.com/yori_suna ▼番組へのお問い合わせはコチラまで yorisuna24@gmail.com ▼ポッドキャストの書き起こしサービス「LISTEN」はこちら https://listen.style/p/yorisuna?Egq5AoBB

LISTEN NEWS

LISTEN NEWS

LISTENは、AI文字起こしとコミュニティで、ポッドキャストを「聴く・配信する・つながる」ためのプラットフォームです。 公式番組「LISTEN NEWS」では、開発の裏話や近況も交えつつ、最新情報をお届けします。 LISTENはこちら→ https://listen.style/

歴史を面白く学ぶコテンラジオ (COTEN RADIO)

歴史を面白く学ぶコテンラジオ (COTEN RADIO)

歴史を愛し、歴史を知りすぎてしまった歴史GEEK2人と圧倒的歴史弱者がお届けする歴史インターネットラジオです。 歴史というレンズを通して「人間とは何か」「私たち現代人の抱える悩み」「世の中の流れ」を痛快に読み解いていく!? 笑いあり、涙ありの新感覚・歴史キュレーションプログラム! ☆Apple & Spotify Podcast 部門別ランキング1位獲得! ☆ジャパンポッドキャストアワード2019 大賞&Spotify賞 ダブル受賞! ※正式名称は「古典ラジオ」ではなく「コテンラジオ」です ーーー COTEN RADIO is an entertainment radio talk program for history , published by the crazy history geeks group "COTEN" in Japan. ☆Apple & Spotify Podcast in Japan category ranking No.1 ! ☆Japan Podcast Awards 2019 Grand prize and Spotify prize !