タイムゲーム・認知測定ツールをアクセシブルにする方法。モーター操作と認知を分離し、色覚多様性に対応し、動作軽減設定を尊重。反応時間測定時のアクセシビリティの根本的な制約と、透明性のあるトレードオフの解決策を論ずる。
シェアックリップ
シェアされたアックリップです。
そのほかの #認知アクセシビリティ ピックアップ
かんかくかびんってなあに?
実用書
身体に触れるモノの感触への過敏を扱うシリーズ図書。衣類や靴など、固さや素材感が苦手になる子どもの視点で説明する。
学校と境界知能
実用書
（引用）「うまくできない」の裏にある、境界知能の子どもの困りに気づくために
多様な学習スタイルや認知特性に対応する学びのユニバーサルデザイン（UDL）の理論と実践手法。発達障害を含む全ての子どもが自分に合った方法で学べる教育環境の実現を目指す研修会。
AIチャットの応答遅延時に、何も起きていない状態がキーボード・スクリーンリーダーユーザーに伝わらない問題を指摘。フォーカス消失や live region 更新の不備を具体的に説明し、待機・ストリーミング・スタール等の状態遷移を accessible name と live region で通知する実装例を解説。
発達障害の子どもが教室で自分の困難を隠して「良い子」を演じるマスキング現象の心理・認知メカニズムを解説。目に見える行動問題がない限り支援されない構造的バグと、学校環境の再構築によるインクルーシブ教育の実現を提言。
教室で活用できる支援道具5つを紹介する記事。バウンシーバンド、ザラザラ下じき、バランスクッション、騒音計、振動時計。特定の子への配慮ではなく全員に開く形で棚に置いておくことで、誰もが自発的に選べる環境をつくる実践例。
そのほかの #キーボード操作 ピックアップ
状態管理のバグがキーボード操作とスクリーンリーダーユーザーに異なる影響をもたらす仕組みと、デバッグの順序を解説。実装時に状態遷移表を作成することの重要性を示す。
CSSのreading-flowプロパティを使い、flexboxやgridで視覚順序が変わった際のフォーカス順序と視覚の乖離を解決。キーボード操作とスクリーンリーダー対応を同時に実現する方法を解説。
同じHTMLを異なるCSSリセットで実装した3パターンを比較。:focusでアウトラインを削除するCSSリセットがキーボードユーザーのフォーカス追跡を不可能にする問題と、:focus-visibleによる解決法を実装で検証している。
同じHTMLを異なるCSSリセットで実装した3パターンを比較。:focusでアウトラインを削除するCSSリセットがキーボードユーザーのフォーカス追跡を不可能にする問題と、:focus-visibleによる解決法を実装で検証している。
AIチャットの応答遅延時に、何も起きていない状態がキーボード・スクリーンリーダーユーザーに伝わらない問題を指摘。フォーカス消失や live region 更新の不備を具体的に説明し、待機・ストリーミング・スタール等の状態遷移を accessible name と live region で通知する実装例を解説。
長文記事にナビゲーション機能を加える際、本文へのアクセスを阻害しない設計原則。キーボード操作・スクリーンリーダー対応・フォーカス表示など複数の利用方法を前提とした実装パターンと確認方法を解説している。
そのほかの #色覚多様性 ピックアップ
CUD検証を体験しよう ― 見分ける・確かめる・対話する ―
イベント 開催終了
色覚多様性への理解を実践的に深めるワークショップ。CUD検証方法を体験し、設計現場での活かし方を色弱者やデザイナーと対話する。
色彩検定UC級の学習を通じて、ユニバーサルデザインと色覚多様性の基礎を解説。色だけで情報を伝えない設計、ピクトグラムの活用、色の機能的・情緒的役割など、実務応用できる知見を紹介する。
読みやすさと色覚アクセシビリティに焦点を当てたiTerm2テーマ「Prompt」の開発。コントラストと色分離をテストし、VS CodeやVimのテーマも提供。
色彩検定UC級受験への挑戦記。色覚タイプ別の見え方、高齢者の色の見え方、ユニバーサルデザイン原則など、実務で活かせる色彩知識の習得過程を記録。
Windows向けの色覚多様性対応アプリ『BE MY COLOR』を、AIコパイロットを使って開発した実例と、プロンプト駆動型開発のプロセス、AIが生成したコードのコードレビュー経験を紹介する。
色覚特性を持つプロダクトデザイナーが、自身の経験を通じて色覚多様性とデザインの関係を述べた記事。色だけに頼らない設計思想の大切さと、異なる見え方を組み合わせることの価値を説く。
そのほかの #テスト・検証 ピックアップ
【名古屋開催】第12回 ウェブアクセシビリティ勉強会
イベント 開催予定
ウェブアクセシビリティの基礎から実務的なテーマまで、参加者と一緒にワークショップ形式で学ぶ勉強会。WCAG 2.2やスクリーンリーダーの実機検証など、手を動かしながら知見を共有する。初心者歓迎。
Webアクセシビリティ対応の相談を案件として組み立てるフロー。調査・提案・試験から翌年点検まで、実務的に進めるステップを、A11yWorkFlowツールのサンプル資料を交えて解説する。
重度重複障害のある子どもたちの心身状態を心拍変動と行動観察で読み取り、それをもとに支援・指導を工夫するスキルを学ぶオンライン講座。視線入力やスイッチ教材などICT・支援技術の活用例も紹介される。
中国の医薬品に付く追跡コードを活用した情報提供の仕組みを解説。商品識別、偽造対策とともに、アクセシブルコードによる視覚障害のある人・外国人を含めた情報アクセスの実現を扱う。
GitHub ActionsでWCAG 2.2準拠のアクセシビリティチェックを自動化するアクション。axe-coreを使用し、プルリクエストで違反を検出して構築を失敗させる。重大度レベル（critical/serious/moderate/minor）の設定や基準の選択ができる。
Playwrightを使ったE2Eテストで、ブラウザ（Chromium/WebKit）、端末（iPhone実機/Android Emulator）、画面幅、アクセシビリティなど複数軸での動作確認。Chrome環境のみでなく、Safari系やスマートフォン環境での検証の重要性を解説する。
そのほかの #スクリーンリーダー ピックアップ
【名古屋開催】第12回 ウェブアクセシビリティ勉強会
イベント 開催予定
ウェブアクセシビリティの基礎から実務的なテーマまで、参加者と一緒にワークショップ形式で学ぶ勉強会。WCAG 2.2やスクリーンリーダーの実機検証など、手を動かしながら知見を共有する。初心者歓迎。
点字コラムを発信する著者が、自分のアカウント名の漢字「文佳」がスクリーンリーダーで正しく読み上げられず、読者が一文字ずつ変換して対応してくれていたことに気づき、無知のうちに視覚障害のある人に負担を押しつけていたことへの反省を綴る。
スクリーンリーダーユーザーの実際の使用経験に基づき、デザイン選択がアクセシビリティにどう影響するかを解説。フォーカストラップやARIAの不適切な使用が視覚障害のあるユーザーの日常にもたらす課題を取り上げるウェビナー。
Kindle の TalkBack による読み上げ仕様が変わったため、代わりに Kindle 搭載の Assistive Reader に乗り換えたユーザーが、使いやすさ・速度・スマホ放置時の継続再生など、むしろ快適に感じた経験を記述したもの。
スクリーンリーダー NVDA を 7 年使い熟達した視覚障害のある人による省察。操作の工夫で対応できるようになったことが、サイト設計側の課題を覆い隠していないか。熟達するほど「アクセシブルであること」と「ユーザーの工夫で使える状態」の違いが見えなくなる危険性を指摘。
ウェブサイトのキーボードナビゲーション障害を自動検出するツール。スクリーンリーダー利用者が実際の操作で遭遇するフォーカス移動や状態変化への対応障害を見つけるアルゴリズムを提案する。