海外の政府・民間企業が構築したデザインシステムの事例を紹介。各地域の文化や法規制、アクセシビリティ基準への対応、デジタル社会への適応などの特徴を解説する。
シェアックリップ
シェアされたアックリップです。
そのほかの #デザインシステム ピックアップ
Vaadin Button の Web Component 開発の 9 年以上の歴史をとおして、アクセシビリティに対応するための技術的課題と解決方法を描く。Shadow DOM 設計、フォーカス管理、tooltip の accessible 化など、進化の過程を追う。
色調パレットをアクセシビリティ規則に基づいて自動修正するエンジンの実装。WCAG対比率を満たすよう色を調整し、OKLCH色空間を使って知覚的な色合い変化を最小限に抑える。
デザインシステムがキーボード操作とフォーカス移動を一貫して管理するメカニズムを解説。フォーカストラップ・ARIA・イベントハンドリングの実装と、アプリ側のオーバーライドが破壊する事例を紹介。
レトロアーケード美学を保ちながら WCAG コントラスト要件を満たす色設計と、Flash of Unstyled Content を避ける実装方法を解説。CSS カスタムプロパティと同期スクリプトを組み合わせた構成。
プロジェクト管理ツール Pleasanter の 2027 年 1 月予定の UI テーマ改善について、CSS 変数削除やクラス名変更などの変更点をまとめた。
デジタル庁デザインシステムのReactコンポーネントをshadcn/uiレジストリで46個に拡充。導入方法と、独自デザイントークンに対応したクラス統合の実装上の工夫を解説する。
そのほかの #UXデザイン ピックアップ
Kyoto UI自由研究室 #1 (2026/11/13 19:00〜)
UI・UX・アクセシビリティに関する気づきや試験を持ち寄る勉強会。完成度不問で、途中経過や失敗事例の共有も歓迎する。
The Design + Accessibility Summit
デザイン専門家向けのオンラインサミット(第7回)。アクセシビリティの実装をマスターしたいデザイナーを対象とした、4日間の集中的なナレッジシェアと最新事例の紹介。
「誰もどれも取り残さない」は、どうつくる?|PROJECT SOLITの実践
ファッションを起点にインクルーシブデザインを実践する PROJECT SOLIT の代表による、社会の在り方を問い直すセッション。属性やカテゴリーではなく、人間の多元性から考えるアプローチと企業との共創事例を紹介。
加齢で水晶体が短波長の光を通しにくくなり、青系の色の見分けやすさに影響が出る仕組みを科学的に解説。色の違いが常に同じように見えるとは限らないこと、デザイン時は色以外の手がかりの必要性を指摘。
視覚障害で見えにくくなった著者が、生成AI(Claude)の助けを借りてアクセシブルなスライド動画作成ツール「UDスライド動画工房」を開発。音声に合わせて自動的にスライド長を決める設計で、大きなフォント・高コントラスト・キーボード操作のみで対応。
ユニバーサルプレゼンテーションの実例から、情報設計における課題を指摘。多言語対応や装置があっても対象者に見えない・聞こえない・意味が通じない例(美術館サイトの外国語ラベル、視覚障害向け信号の多言語化、点字案内の視認性、電車アナウンスの聞き取りにくさ)を挙げ、情報が確実に届くための3つのチェックを紹介。
そのほかの #海外動向 ピックアップ
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のウェビナー。個人・家庭レベルの備え方について実践的に解説する。