スシローの店内呼び出しディスプレイが、矢印・数字・アイコン過多にもかかわらず情報伝達に失敗している事例。装飾過多による認知負荷が視認性と理解容易性を損なう典型的なUIデザイン失敗。
シェアックリップ
シェアされたアックリップです。
そのほかの #認知アクセシビリティ ピックアップ
かんかくかびんってなあに?
身体に触れるモノの感触への過敏を扱うシリーズ図書。衣類や靴など、固さや素材感が苦手になる子どもの視点で説明する。
学校と境界知能
(引用)「うまくできない」の裏にある、境界知能の子どもの困りに気づくために
多様な学習スタイルや認知特性に対応する学びのユニバーサルデザイン(UDL)の理論と実践手法。発達障害を含む全ての子どもが自分に合った方法で学べる教育環境の実現を目指す研修会。
AIチャットの応答遅延時に、何も起きていない状態がキーボード・スクリーンリーダーユーザーに伝わらない問題を指摘。フォーカス消失や live region 更新の不備を具体的に説明し、待機・ストリーミング・スタール等の状態遷移を accessible name と live region で通知する実装例を解説。
発達障害の子どもが教室で自分の困難を隠して「良い子」を演じるマスキング現象の心理・認知メカニズムを解説。目に見える行動問題がない限り支援されない構造的バグと、学校環境の再構築によるインクルーシブ教育の実現を提言。
教室で活用できる支援道具5つを紹介する記事。バウンシーバンド、ザラザラ下じき、バランスクッション、騒音計、振動時計。特定の子への配慮ではなく全員に開く形で棚に置いておくことで、誰もが自発的に選べる環境をつくる実践例。
そのほかの #UXデザイン ピックアップ
The Design + Accessibility Summit
デザイン専門家向けのオンラインサミット(第7回)。アクセシビリティの実装をマスターしたいデザイナーを対象とした、4日間の集中的なナレッジシェアと最新事例の紹介。
エシカルデザインの手法をインクルーシブ・アクティビティ・カードを使ったワークショップ。
非エンジニアがClaudeとGeminiを併用してWebアプリ開発した実践プロンプト集。アクセシビリティ要件の初期組み込みから、UI/UX調整、視認性強化、トラブル対処まで、実装プロセスと試行錯誤を解説。
CSS のネイティブ相対色構文(oklch、color-mix)を用いて、ダイナミックにコントラスト対応・wide-gamut 対応するカラートークン設計を解説。WCAG 要件を保ちながら 2026 年トレンドパレットを実装する方法を紹介。
長文記事にナビゲーション機能を加える際、本文へのアクセスを阻害しない設計原則。キーボード操作・スクリーンリーダー対応・フォーカス表示など複数の利用方法を前提とした実装パターンと確認方法を解説している。
親が1人で車椅子ユーザーの子どもを雨の中で乗せるときの身体的負担を7場面に分けて可視化。カバーの着脱と安全な乗せ下ろしが同時に必要な課題を指摘し、設計改善の方向を提案。
そのほかの #企業事例 ピックアップ
フランスの映画アクセシビリティ推進団体「ルテゥール・ディマージュ」とのオンラインセミナー。音声描写(オーディオディスクリプション)の制作・品質保証と、映画産業における情報保障の社会的価値を問い直す。日仏の比較から、障害のあるクリエイターの仕事の可視化と上映環境の向上を考える。
Webアクセシビリティ対応の相談を案件として組み立てるフロー。調査・提案・試験から翌年点検まで、実務的に進めるステップを、A11yWorkFlowツールのサンプル資料を交えて解説する。
ユニバーサルデザインに注力するホテルの事例。UD導入の経緯、施設整備、障害者雇用の取り組みについてオンライン勉強会で学ぶ。
中国の医薬品に付く追跡コードを活用した情報提供の仕組みを解説。商品識別、偽造対策とともに、アクセシブルコードによる視覚障害のある人・外国人を含めた情報アクセスの実現を扱う。
企業の「知りたい」ではなく障害のある人の「話したい」を先にするコミュニティ設計について。安心でき、メンバー同士が横でつながる場づくりの重要性を論じる。
ダークパターン(ユーザーを無意識に誘導するデザイン)を、ADHD・ディスレクシア・算数障害のあるリードユーザーの視点から発見し改善するサービス。企業向けのクイックレビューやユーザビリティ調査、研修を提供する。