Webサイトのユーザー体験・開発・戦略に関わる全員向けの総合ガイド。アクセシビリティを損なわずに革新的なデザインを実現する方法を解説。
シェアックリップ
シェアされたアックリップです。
そのほかの #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画面開発におけるアクセシビリティ要件化の必要性も論じる。
WCAG 2.2 もくもく会 #12 ~ ガイドライン 3.3 入力支援 ~
WCAG 2.2 のガイドライン 3.3 入力支援を読み合い、学んだことを共有する勉強会。毎月第1・2・3木曜日に開催される定期イベント。
Googleスライドのライブ字幕機能の設定・使用方法と注意点。句読点がなく音声認識の精度に限界があり、保存されないため、聞き取り補助として機能すること、記録としては別途用意が必要なことを説明する。
レトロアーケード美学を保ちながら WCAG コントラスト要件を満たす色設計と、Flash of Unstyled Content を避ける実装方法を解説。CSS カスタムプロパティと同期スクリプトを組み合わせた構成。
そのほかの #WAI-ARIA ピックアップ
ARIA(aria-label)が不要な場合とネイティブ要素(button)を使うべき理由を、具体的なコード例で説明する。ARIA はセマンティクスを置き換えるのではなく追加するべきという考え方を提示している。
ネイティブ button 要素のセマンティック属性による accessible name の正しい実装と、aria-label が不要な場合について、コード例で解説する。
HTMLのセマンティックタグ(header、nav、mainなど)の使い方を、アクセシビリティの観点から解説。スクリーンリーダーと検索エンジンにとって意味のある構造を実装するための基礎。
HTMLフォーム設計の基礎講座。textareaとinputの使い分け、labelとの関連付けを解説。入力データの性質に応じた要素選択が、セマンティックHTMLとアクセシビリティの基礎であることを教える。
トーストノーティフィケーション(操作結果を伝える一時的な画面上メッセージ)をアクセシブルに設計するための実践的な指針。キーボード・スクリーンリーダーでのテスト方法、フォーカス管理、メッセージの文脈、重要アクションのページ内配置など。
HTML ネイティブ要素が持つアクセシビリティの仕組みを理解せず、ARIA を無分別に追加する慣行の問題を指摘。自動スキャナが同じ解決策を異なる状況に適用する理由と、aria-label が要素内容をオーバーライドすることの危険性を解説。
そのほかの #ガイドライン ピックアップ
企業の複数 Web サイトのガバナンス診断方法論。外形診断とヒアリングの 2 層アプローチ、計測・個人情報・アクセシビリティなど 6 つの診断観点、見えない統制を「なし」と誤報告しない所見の書き方を解説。
Webアクセシビリティ対応の相談を案件として組み立てるフロー。調査・提案・試験から翌年点検まで、実務的に進めるステップを、A11yWorkFlowツールのサンプル資料を交えて解説する。
ウェブアクセシビリティを始める人向けの書籍を、初学者向けから実装・テスト・インクルーシブデザインまで段階別に体系的に紹介。各書籍の特徴・対象読者・媒体情報を解説し、個人での開始にも組織導入にも対応できるリソース紹介。
デジタル庁デザインシステムの活用方法。「見やすくする」がコントラスト比などで具体的に定義でき、入力欄設計やエラーメッセージの扱いまで実装レベルでガイドされる。Figma・HTML・React サンプルも提供される、組織で共有できる設計資料。
ブログに掲載する表の設計方法を解説する。W3C WAIのガイドラインに基づき、行と列の見出しを明確に決めることで、セルの意味が自明になる表を作成する方法を述べる。AIへの依頼文とチェックリスト付き。
日本のウェブアクセシビリティ規格JIS X 8341-3を解説。知覚可能・操作可能・理解可能・堅ろうの4つの原則と12のガイドライン、61の達成基準について、WAIC委員長が詳しく説明。
そのほかの #海外動向 ピックアップ
Lunch and Learn Webinar Series: Accessible Events
イベント企画・運営におけるアクセシビリティ実装を学ぶウェビナー。障害のある人を含む多様な参加者をインクルーシブに受け入れるための設計・支援技術について解説する。
Global Accessibility Summit (GAS)
障害のある若者が主導する国際的なインクルージョンサミット。カイロで開催され、世界から障害者や支援者が集結し、インクルーシブな社会実現を目指す。
Sight Tech Global 2026
視覚障害者向けの支援技術に特化したオンラインカンファレンス。Amazon・Googleなどのテック企業による最新のアクセシビリティ技術と事例が紹介される。
Accessibility Camp Bay Area
サンフランシスコで開催されるアクセシビリティの『アンカンファレンス』。参加者主導でセッションを組み立てるオープンフォーマットで、実践者のコミュニティが集まる1日イベント。
The Design + Accessibility Summit
デザイン専門家向けのオンラインサミット(第7回)。アクセシビリティの実装をマスターしたいデザイナーを対象とした、4日間の集中的なナレッジシェアと最新事例の紹介。
緊急時に障害のある人と支援者が協働対応するための知識とスキルを学ぶADA National Networkのウェビナー。個人・家庭レベルの備え方について実践的に解説する。
そのほかの #UXデザイン ピックアップ
The Design + Accessibility Summit
デザイン専門家向けのオンラインサミット(第7回)。アクセシビリティの実装をマスターしたいデザイナーを対象とした、4日間の集中的なナレッジシェアと最新事例の紹介。
「誰もどれも取り残さない」は、どうつくる?|PROJECT SOLITの実践
ファッションを起点にインクルーシブデザインを実践する PROJECT SOLIT の代表による、社会の在り方を問い直すセッション。属性やカテゴリーではなく、人間の多元性から考えるアプローチと企業との共創事例を紹介。
音声ゲームブックの開発で直面した、音声認識と音声入力の技術的課題と、入力のタイミング表示・VoiceOver対応などの設計の工夫について
ADHDの特性に合わせた支援道具の在り方を論じたエッセイ。『配慮』ではなく『専用』として設計することの意義を、左利き用ツールの例を引きながら提案する。
色覚多様性のある人のためのデザイン。色の見分けにくさがアクセシビリティに与える影響と対策を解説する。
トーストノーティフィケーション(操作結果を伝える一時的な画面上メッセージ)をアクセシブルに設計するための実践的な指針。キーボード・スクリーンリーダーでのテスト方法、フォーカス管理、メッセージの文脈、重要アクションのページ内配置など。