アックリップ
Accessibility-first looks different from accessibility-compliant アクセシビリティファーストはアクセシビリティ準拠とは異なる
記事 海外
WCAG 2.2 AAをアーキテクチャ上の必須制約として設計に組み込む手法を、Reactコンポーネントライブラリの9つの設計決定事例から解説している。
#デザインシステム
26件An Interactive Cover Component インタラクティブなカバーコンポーネント
記事 海外
ホバーおよびキーボードフォーカス時にテキストがスライドインするカバーコンポーネントの実装例と、キーボード操作へのアクセシビリティ対応の課題を解説している。
Scaling Accessibility: Frontend Accessibility Architecture & Leadership: Niharika Pujari アクセシビリティのスケール：フロントエンドアクセシビリティアーキテクチャとリーダーシップ — Niharika Pujari
YouTube 海外
訓練や監査だけではスケールしないアクセシビリティ対策について、フロントエンドアーキテクチャとリーダーシップの観点から改善策を論じたトークだ。
GovTech Tokyoがダッシュボード標準化に取り組む中で、コントラスト比やUX品質を確保した東京都版カラーパレットを策定したプロセスを解説している。
CSSカスタムプロパティを活用してプリザンターv2テーマ全体の配色を切り替え、ハイコントラストモードなど視認性を高めるUI実装のステップを解説している。
No more Carbon Carbonはもういらない
記事 海外
コードスニペット共有ツール「Carbon」の使用を止めた理由と背景を述べた記事で、移行の判断に至った経緯と代替手段も紹介している。
デジタル庁が公開したデザインシステムβ版で、UIコンポーネントとアクセシビリティ・ユーザビリティを踏まえた設計・実装ガイドラインを提供するデザインアセットだ。
A11yTalks: Designing Together: How Design and Development Built Accessible Multi-brand Experiences A11yTalks：共に設計する — デザインと開発がいかにアクセシブルなマルチブランド体験を構築したか
YouTube 海外
デザインと開発の協業によってマルチブランド対応のアクセシブルなデザインシステムを構築した実践事例を紹介するA11yTalksのセッションだ。
Designing Together - Stephanie Ganzer & Claire Ristow (A11yTalks - Feb 2026) 共に設計する — Stephanie Ganzer & Claire Ristow（A11yTalks - 2026年2月）
YouTube 海外
フロントエンド開発者とデザイナーが、複数ブランドに対応するアクセシブルなデザインシステムをどのように協力して構築したかを共有するA11yTalksのセッションだ。
WCAG 2.2の4原則と13ガイドラインを体系的に整理し、設計・実装・テストまでを網羅した包括的なガイドだ。
Accessibility Assistant for Figma v52 :: Aaron Gustafson Figma用Accessibility Assistant v52 :: Aaron Gustafson
記事 海外
Aaron GustafsonがFigmaのアクセシビリティ支援アシスタント v52 をリリース。デザイン段階でのアクセシビリティ検証をサポートするツールの重大なアップデートについて解説する記事。
Claude Codeへのアクセシビリティ指示の有無がデザインシステムの実装品質にどう影響するかをLighthouseスコアで比較検証した実践記事だ。効果的なスキルファイルの分割方法など、AI活用の最適解を探る内容も含む。
On Joining Khan Academy Khan Academy入社にあたって
記事 海外
Khan AcademyのシニアフロントエンドエンジニアであるMarcy Suttonが、ローカライゼーション対応、ブラウザズーム、一般的なアクセシビリティを含めた堅牢なUI構築に取り組む経験を述べた記事。
On Joining Khan Academy Khan Academy入社にあたって
記事 海外
アクセシビリティ専門家Marcy SuttonがKhan Academy入社後の取り組みとして、デザインシステムへのアクセシビリティ統合の方針と実践を述べた記事。
Embedding Accessibility in Design: The Early Planning Advantage デザインへのアクセシビリティ組み込み：早期計画の優位性
記事 海外
Only 28% of organizations embed accessibility in design. Discover how early design planning improves experiences and boosts competitiveness.
Leveraging The Super Keyword In Custom Elements カスタム要素におけるsuperキーワードの活用
記事 海外
アクセシビリティ専門家Heydon Pickeringによる、カスタム要素クラスの継承パターンを活用した、再利用可能でアクセシブルなWeb Componentsの構築方法についての解説。
How To Dynamically Install Custom Elements カスタム要素を動的にインストールする方法
記事 海外
Webアクセシビリティの第一人者Heydon Pickeringによる、カスタム要素（Web Components）を動的に読み込む再利用可能なパターン解説。アクセシブルなカスタム要素を効率よく組み込む実装手法を紹介している。
Flipping the script When accessibility becomes your primary design strategy Stephen Reid 脚本を覆す — アクセシビリティを第一の設計戦略にするとき — Stephen Reid
YouTube 海外
ニュージーランドの障害者省Whaikahāが、手話を組み込んだ世界初の政府ブランドアイデンティティ構築など、アクセシビリティをデザイン戦略の中核に据えた事例を紹介している。
次期macOS 26.1 Tahoeでは、Liquid Glassデザインを無効化するプロパティリストのオプションキーが廃止される見込みだ。
デジタル庁デザインシステムを活用したウェブ開発において、よく直面するアクセシビリティ課題と具体的な解決策を実例とともに解説した記事だ。
Annotating designs using common language - TetraLogical 共通言語でデザインにアノテーションする - TetraLogical
記事 海外
In most organisations, design documentation often includes annotations, but accessibility-specific ones are still rare. That’s a missed opportunity. Annotating designs for accessibility helps everyone
Organizing a design system via folksonomy フォークソノミーによるデザインシステムの整理
記事 海外
No hierarchy other than what people create for themselves.
FlutterアプリのカラーデザインにWCAGコントラスト比基準を組み込む方法を、テーマ設計からテスト実装まで包括的に解説している。
WebアプリケーションにおけるアクセシビリティをHTMLとWAI-ARIAの基礎から実践的な改善手法まで体系的に解説した技術書。フォーム・モーダル・通知など複雑なUIパターンへの対応や、組織でのアクセシビリティ推進ノウハウも網羅する。
Component-level art direction with CSS Container Queries CSS Container Queriesによるコンポーネントレベルのアートディレクション
記事 海外
— The personal website of Sara Soueidan, inclusive Web UI engineer
Inclusive Components インクルーシブコンポーネント
海外
視覚障害者のスクリーンリーダー使用など支援技術との互換性を踏まえた、インクルーシブなUIコンポーネントの実装パターン集だ。