デジタル庁ガイドブック第3章「非干渉」基準を解説。自動再生音声の制御、キーボードトラップ回避、光の点滅制限、自動コンテンツ切り替え禁止の4つの基準について、リリース前に必ず対応する必要性と改修方法を述べる。
シェアックリップ
シェアされたアックリップです。
そのほかの #WCAG ピックアップ
【名古屋開催】第13回 ウェブアクセシビリティ勉強会
イベント 開催予定
アクセシビリティの実装・検証について、スクリーンリーダーやキーボード操作などの支援技術を実際に体験し、WCAG達成基準を確認するワークショップ形式の参加型勉強会。
WCAG 2.2 もくもく会 #13 ～ ガイドライン 4.1 互換性 ～
イベント 開催予定
WCAG 2.2 のガイドライン 4.1 互換性を読み合い、学んだことを共有する勉強会。毎月第3木曜日はオフライン交流会も開催される。
改正JIS X 8341-3とWCAG 2.1・2.2の追加基準26個を、アクセシビリティエキスパートが全3回で徹底解説するウェビナー。第2回は操作可能の達成基準を扱う。
EU域内でWebサービス・アプリを提供する企業が対応すべきアクセシビリティ関連法制（EAA・WAD・雇用平等指令）と、WCAG基づく実装方法、EU主要国の罰則・執行事例を解説。AI画面開発におけるアクセシビリティ要件化の必要性も論じる。
UI・UX・CX・HCD・UD・アクセシビリティといった関連用語40個を5つの分類で整理して解説。コントラスト比やカラーユニバーサルデザイン、代替テキストなど実例で学べる。聾学校での経験から、音声に頼らない環境での視覚情報の重要性を示す。
固定フッターがキーボード操作のフォーカスを隠す問題の検証ツール。ResizeObserver で要素の高さを追跡し、WCAG 2.4.11 の達成基準を参考に改善方法を示す。
そのほかの #JIS X 8341-3 ピックアップ
改正JIS X 8341-3とWCAG 2.1・2.2の追加基準26個を、アクセシビリティエキスパートが全3回で徹底解説するウェビナー。第2回は操作可能の達成基準を扱う。
UI・UX・CX・HCD・UD・アクセシビリティといった関連用語40個を5つの分類で整理して解説。コントラスト比やカラーユニバーサルデザイン、代替テキストなど実例で学べる。聾学校での経験から、音声に頼らない環境での視覚情報の重要性を示す。
外部ツール（HubSpot等）の埋め込み機能によるアクセシビリティエラーについて、自社で対応できる範囲と提供元への依頼の境界を実例から整理。
日本のウェブアクセシビリティ規格JIS X 8341-3を解説。知覚可能・操作可能・理解可能・堅ろうの4つの原則と12のガイドライン、61の達成基準について、WAIC委員長が詳しく説明。
ウェブサイト構築の各ステップにおけるアクセシビリティの基本と解決例を、ケーススタディで学ぶ教科書。WCAG 2.2対応。
デジタル庁のウェブアクセシビリティガイドブック解説。アクセシビリティの対象範囲（一時的・状況的な障害を含む）、自動チェックツール の限界、試験による「準拠」の意味、JIS X 8341-3とWCAG の関係、適合レベル AA の試験体制を制作者向けに説明。
そのほかの #法律・制度 ピックアップ
障害のある子どもを含むすべての子どもが学べる学校作りのため、基礎的環境整備と合理的配慮の実践を公立学校の事例から学ぶ。教師の視点から多様性の包摂に向き合う
（引用）2007年に特別支援教育が法制化され、8年が経過しました。その間2012年には中央教育審議会から「共生社会の形成に向けたインクルーシブ教育システム構築のための特別支援教育の推進」の報告が出され、2016年4月1日には、いわゆる「障害者差別解消法」が施行されます。このような状況下、学校現場では、具体的にどのようにインクルーシブ教育を進めていけばいいのでしょうか。この難しくも希望のある問いに、編集代表…
（引用）障害者の暮らしはどう変わったか…自立生活センター活動の現場から考える。
改正JIS X 8341-3とWCAG 2.1・2.2の追加基準26個を、アクセシビリティエキスパートが全3回で徹底解説するウェビナー。第2回は操作可能の達成基準を扱う。
EU域内でWebサービス・アプリを提供する企業が対応すべきアクセシビリティ関連法制（EAA・WAD・雇用平等指令）と、WCAG基づく実装方法、EU主要国の罰則・執行事例を解説。AI画面開発におけるアクセシビリティ要件化の必要性も論じる。
エンターテインメント企業の職員と視覚障害・聴覚障害のある人が参加したグループインタビュー。同じ障害でも必要な配慮は個別的であること、告知段階の情報が参加判断を左右すること、事業者との建設的な対話の重要性を学ぶ。
そのほかの #キーボード操作 ピックアップ
固定フッターがキーボード操作のフォーカスを隠す問題の検証ツール。ResizeObserver で要素の高さを追跡し、WCAG 2.4.11 の達成基準を参考に改善方法を示す。
ランディングページのキーボードアクセシビリティチェック。フォーカスリングの表示確認方法、:focus-visible による CSS 実装例、Tab キーで行う手動確認フローを解説。
ChatGPTの画面更新によるスクリーンリーダー対応の低下を報告。見出し削除、リスト構造喪失、キー操作の変化など、スクリーンリーダー利用者に影響する具体的な問題を述べ、Webサイト変更時にはスクリーンリーダーでの操作確認の必要性を主張。
アクセシブルな Web チェックリストツールの構築方法を解説。ネイティブな HTML コントロール、ローカルストレージ、キーボード操作、プリント対応による、フレームワーク不要のシンプルな実装を紹介。
ネイティブダイアログ要素でモーダル閉じ込めとフォーカス移動を検証するためのテストフィクスチャとテスト方法を解説。フォーカスリーク防止と複数ブラウザでの検証の重要性を説明している。
業務システムのマウス操作による手首の負担を、キーボード操作で解決した経験から、アクセシビリティの本質を考える。相手の困りごとに寄り添い、摩擦を減らす設計思想の重要性について述べる。
そのほかの #ガイドライン ピックアップ
ユニバーサルイベント検定に向けた対策問題集。アクセシビリティ・コミュニケーション・オペレーション・サステナビリティの5章から300問を収録し、全問に正解・ポイント・参照元を掲載する。
企業の複数 Web サイトのガバナンス診断方法論。外形診断とヒアリングの 2 層アプローチ、計測・個人情報・アクセシビリティなど 6 つの診断観点、見えない統制を「なし」と誤報告しない所見の書き方を解説。
Webアクセシビリティ対応の相談を案件として組み立てるフロー。調査・提案・試験から翌年点検まで、実務的に進めるステップを、A11yWorkFlowツールのサンプル資料を交えて解説する。
ウェブアクセシビリティを始める人向けの書籍を、初学者向けから実装・テスト・インクルーシブデザインまで段階別に体系的に紹介。各書籍の特徴・対象読者・媒体情報を解説し、個人での開始にも組織導入にも対応できるリソース紹介。
デジタル庁デザインシステムの活用方法。「見やすくする」がコントラスト比などで具体的に定義でき、入力欄設計やエラーメッセージの扱いまで実装レベルでガイドされる。Figma・HTML・React サンプルも提供される、組織で共有できる設計資料。
ブログに掲載する表の設計方法を解説する。W3C WAIのガイドラインに基づき、行と列の見出しを明確に決めることで、セルの意味が自明になる表を作成する方法を述べる。AIへの依頼文とチェックリスト付き。