「デザインシステム」タグのアクセシビリティ関連情報https://accclip.pages.dev/jahttps://www.thestarter.io/bloghttps://www.thestarter.io/blogFigmaのデザイン変数を活用してフォントスケーリングをテストし、多様なユーザーニーズに対応したアクセシブルなデザインシステムの実装方法を解説する。Wed, 03 Jun 2026 00:00:00 GMThttps://qiita.com/tomokusaba/items/c6d6c248fc3030d63f50https://qiita.com/tomokusaba/items/c6d6c248fc3030d63f50Fluent UI/Fluent 2 におけるデザイントークンの使い分け。raw値ではなくaliasトークンを使用することで、アクセシビリティ運用の効率化と色のWCAG準拠を強化する設計方法を解説する。Thu, 07 May 2026 00:00:00 GMThttps://qiita.com/tomokusaba/items/5603457cab9f2cbb1757https://qiita.com/tomokusaba/items/5603457cab9f2cbb1757Fluent UI 2を用いたアクセシビリティ実装の実践ガイド。キーボード操作、スクリーンリーダー対応、WCAG 2.1準拠の具体的実装方法を紹介する。Wed, 06 May 2026 00:00:00 GMThttps://qiita.com/tomokusaba/items/c1c5d0faed184fb27da4https://qiita.com/tomokusaba/items/c1c5d0faed184fb27da4WCAG 2.1の基準と照らし合わせながら、Fluent UI 2のカラーコントラストと色使いのアクセシビリティ問題を整理。エラー表示や選択状態を色だけに依存しない設計を解説する。Wed, 06 May 2026 00:00:00 GMThttps://www.aaron-gustafson.com/notebook/links/design-systems-cant-automate-away-all-of-your-accessibility-considerations/https://www.aaron-gustafson.com/notebook/links/design-systems-cant-automate-away-all-of-your-accessibility-considerations/デザインシステムの限界と、自動化では対応しきれないアクセシビリティ配慮の必要性を論じる。設計段階での人間的判断の重要性。Thu, 23 Apr 2026 00:00:00 GMThttps://note.com/ohanamizuki/n/nd407cfa71701https://note.com/ohanamizuki/n/nd407cfa71701AI支援開発でUIを高速化する際、色情報を除いた情報設計・構造検証の重要性をバイブコーディングの実例から論じる。Mon, 20 Apr 2026 00:00:00 GMThttps://qiita.com/keisato848/items/503b13ff1f0943ba1e38https://qiita.com/keisato848/items/503b13ff1f0943ba1e38MCPについて、デジタル庁デザインシステムを題材にした実装例を通じて実践的に理解するための技術記事である。Sat, 18 Apr 2026 00:00:00 GMThttps://dev.to/greedy_reader/why-accessibility-comes-first-in-saas-ai-13nhhttps://dev.to/greedy_reader/why-accessibility-comes-first-in-saas-ai-13nhSaaS・AI開発のスピード重視の文化の中で、アクセシビリティを初期段階から優先設計する重要性と実装アプローチを解説する。Sun, 12 Apr 2026 00:00:00 GMThttps://dev.to/ku5ic/accessibility-first-looks-different-from-accessibility-compliant-39n0https://dev.to/ku5ic/accessibility-first-looks-different-from-accessibility-compliant-39n0WCAG 2.2 AAを必須制約として設計に組み込むアーキテクチャ手法を、Reactコンポーネントライブラリの9事例から解説。コンプライアンス超の一流設計。Sat, 11 Apr 2026 00:00:00 GMThttps://zenn.dev/govtechtokyo/articles/25dc766e1bd862https://zenn.dev/govtechtokyo/articles/25dc766e1bd862GovTech Tokyoがダッシュボード標準化に向けてコントラスト比やUX品質を確保した東京都版カラーパレット策定のプロセスを解説している。Wed, 25 Mar 2026 00:00:00 GMThttps://www.youtube.com/watch?v=703tj0vnu1Ahttps://www.youtube.com/watch?v=703tj0vnu1Aデザイナーと開発者のコラボレーション戦略とアノテーション手法を通じ、アクセシブルな開発を実現するための実践的アプローチを解説した講演である。Wed, 25 Mar 2026 00:00:00 GMThttps://qiita.com/pmc-ko/items/499c04547949839d7556https://qiita.com/pmc-ko/items/499c04547949839d7556CSSカスタムプロパティを活用してプリザンターv2テーマ全体の配色を動的に切り替える実装パターン。ハイコントラストモード等で視認性を高めるUI実装の手順をステップバイステップで解説。Mon, 23 Mar 2026 00:00:00 GMThttps://masup9.github.io/apg-patterns-examples/ja/https://masup9.github.io/apg-patterns-examples/ja/WAI-ARIA APGのデザインパターンをReact・Vue・Svelte・Astroで実装したアクセシブルコンポーネントの実例集だ。Sun, 15 Mar 2026 00:00:00 GMThttps://design.digital.go.jp/dads/https://design.digital.go.jp/dads/デジタル庁が公開したデザインシステムβ版。UIコンポーネント・設計パターン・実装ガイドラインをアクセシビリティとユーザビリティを踏まえて提供。Thu, 26 Feb 2026 00:00:00 GMThttps://www.youtube.com/watch?v=2bCPbyJp_b0https://www.youtube.com/watch?v=2bCPbyJp_b0デザイナーと開発者の協業によるマルチブランド対応のアクセシブルなデザインシステム構築の実践事例を紹介するA11yTalksセッション。Wed, 25 Feb 2026 00:00:00 GMThttps://zenn.dev/tomokusaba/articles/a93bb2b537e2efhttps://zenn.dev/tomokusaba/articles/a93bb2b537e2efWCAG 2.2の4原則と13ガイドラインを体系的に整理し、設計から実装・テストまでウェブアクセシビリティ対応を包括的に解説したガイドだ。Sun, 22 Feb 2026 00:00:00 GMThttps://www.aaron-gustafson.com/notebook/accessibility-assistant-for-figma-v52/https://www.aaron-gustafson.com/notebook/accessibility-assistant-for-figma-v52/FigmaのアクセシビリティアシスタントがWAI-ARIAロール拡張・アノテーション刷新・UI統合を含むv52へアップデート。デザイン段階での検証精度が向上し、アクセシビリティシフトレフトが実現した。Fri, 20 Feb 2026 00:00:00 GMThttps://toranoana-lab.hatenablog.com/entry/2026/02/19/130000https://toranoana-lab.hatenablog.com/entry/2026/02/19/130000Claude Codeへのアクセシビリティ指示の有無がデザインシステムの実装品質に与える影響をLighthouseスコアで計測・比較した実践検証記事。Thu, 19 Feb 2026 00:00:00 GMThttps://marcysutton.com/on-joining-khan-academy/https://marcysutton.com/on-joining-khan-academy/Khan Academyに入社したアクセシビリティ専門家Marcy Suttonが、デザインシステムへのアクセシビリティ統合の方針と実践を解説している。Fri, 30 Jan 2026 00:00:00 GMThttps://www.digitala11y.com/why-figma-annotations-are-critical-for-a-shift-left-accessibility-approach/https://www.digitala11y.com/why-figma-annotations-are-critical-for-a-shift-left-accessibility-approach/Figmaアノテーションを活用してデザイン段階でアクセシビリティ要件を組み込む「シフトレフト」アプローチを解説。手戻り削減と開発者への引き継ぎ改善を実現する実践方法を紹介。Fri, 30 Jan 2026 00:00:00 GMThttps://www.levelaccess.com/blog/embedding-accessibility-in-design-how-early-planning-creates-advantage/https://www.levelaccess.com/blog/embedding-accessibility-in-design-how-early-planning-creates-advantage/デザインの初期段階からアクセシビリティを組み込む必要性と、企業の競争力向上への効果について解説する。Thu, 29 Jan 2026 00:00:00 GMThttps://heydonworks.com/article/leveraging-the-super-keyword-in-custom-elements/https://heydonworks.com/article/leveraging-the-super-keyword-in-custom-elements/アクセシビリティ専門家Heydon Pickeringによる、カスタム要素継承パターンを活用した再利用可能でアクセシブルなWeb Components構築方法の解説。Tue, 30 Dec 2025 00:00:00 GMThttps://heydonworks.com/article/dynamically-loading-custom-elements/https://heydonworks.com/article/dynamically-loading-custom-elements/Web Componentsのカスタム要素を動的に読み込むアクセシブルな実装パターン。再利用可能な手法を解説する。Mon, 29 Dec 2025 00:00:00 GMThttps://www.aaron-gustafson.com/notebook/fullscreen-video-and-iframes-made-easy/https://www.aaron-gustafson.com/notebook/fullscreen-video-and-iframes-made-easy/動画やiframe要素のフルスクリーン化をアクセシブルに実装するWeb Componentパターン。フォーカス管理を両立する手法を紹介する。Mon, 29 Dec 2025 00:00:00 GMThttps://www.youtube.com/watch?v=C1iwVk5GrPQhttps://www.youtube.com/watch?v=C1iwVk5GrPQニュージーランド政府Whaikahā（障害者省）が手話を組み込んだブランドアイデンティティ構築を通じて、アクセシビリティを設計戦略の中核に据えた事例を紹介する。Wed, 17 Dec 2025 00:00:00 GMThttps://www.youtube.com/watch?v=C4wYXXtAxzshttps://www.youtube.com/watch?v=C4wYXXtAxzsFigmaでボタンのデフォルト・ホバー・アクティブ・非アクティブの4状態を視覚的に識別可能にデザインする方法を紹介。Webアクセシビリティに配慮した設計手法を学べる。Mon, 27 Oct 2025 00:00:00 GMThttps://digital-agency-news.digital.go.jp/articles/2025-10-14https://digital-agency-news.digital.go.jp/articles/2025-10-14デジタル庁デザインシステムを活用するウェブ開発で直面するアクセシビリティ課題と具体的な解決策を実例とともに解説する。Tue, 14 Oct 2025 00:00:00 GMThttps://www.youtube.com/watch?v=9kzo0C3O4YUhttps://www.youtube.com/watch?v=9kzo0C3O4YUFigmaでDefault・Hover・Active・Inactiveのボタン状態をアクセシブルにデザインする方法をチュートリアル形式で解説した動画。Fri, 01 Aug 2025 00:00:00 GMThttps://zenn.dev/team_soda/articles/yoriyoi_colorhttps://zenn.dev/team_soda/articles/yoriyoi_colorFlutterアプリのカラーデザインにWCAGコントラスト比基準を組み込む方法をテーマ設計からテスト実装まで解説している。Tue, 25 Mar 2025 00:00:00 GMThttps://books.rakuten.co.jp/rb/17385753/https://books.rakuten.co.jp/rb/17385753/WebアプリケーションのアクセシビリティをHTMLとWAI-ARIAの基礎から実践的改善手法まで体系的に解説した技術書。フォーム・モーダル等の複雑なUIパターンへの対応と組織での推進ノウハウも網羅する。Sun, 26 Feb 2023 00:00:00 GMThttps://doi.org/10.5121/csit.2023.132218https://doi.org/10.5121/csit.2023.132218デザインシステムをWCAG 2.0からWCAG 2.1へ移行するプロセスを解説した研究。アクセシビリティ要件の段階的な更新手法を示す。Sun, 01 Jan 2023 00:00:00 GMThttp://books.google.co.jp/books?id=211KzgEACAAJ&dq=intitle:inclusive+design&hl=&as_pt=BOOKS&source=gbs_apihttp://books.google.co.jp/books?id=211KzgEACAAJ&dq=intitle:inclusive+design&hl=&as_pt=BOOKS&source=gbs_apiデジタル製品のインクルーシブデザインを解説した実践的技術書。できる限り多くのユーザーがアクセスできる製品設計の考え方と手法を体系的に示す。Mon, 31 Dec 2018 00:00:00 GMThttps://sarahhortondesign.com/2018/11/11/radio-buttons-for-gender-information/https://sarahhortondesign.com/2018/11/11/radio-buttons-for-gender-information/ラジオボタンなどのUIコンポーネント設計を例に、ジェンダーダイバーシティや多様性を考慮した、より包括的で良いテクノロジーの設計哲学を論じるSun, 11 Nov 2018 00:00:00 GMThttps://mitpress.mit.edu/books/mismatchhttps://mitpress.mit.edu/books/mismatchインクルーシブデザインの実践書。ミスマッチから生まれるデザイン課題を解決し、あらゆる人が使えるエレガントなデザインを生み出す手法を支援者・デザイナー視点で体系的に解説する。Sun, 31 Dec 2017 00:00:00 GMThttps://www.matuzo.at/blog/writing-css-with-accessibility-in-mindhttps://www.matuzo.at/blog/writing-css-with-accessibility-in-mindCSSの設計と実装をアクセシビリティ視点で解説。レイアウト・アーキテクチャを統合した実践的なCSS開発アプローチを提示する記事。Sun, 17 Sep 2017 00:00:00 GMThttps://abookapart.com/products/color-accessibility-workflowshttps://abookapart.com/products/color-accessibility-workflowsアクセシビリティとデザイン美学を両立させるカラー設計プロセスを解説。障害の有無に関わらず、すべてのユーザーに配慮した色使いの実践ガイド。Thu, 01 Jan 1970 00:00:00 GMThttps://play.google.com/store/books/details?id=6gAcEQAAQBAJhttps://play.google.com/store/books/details?id=6gAcEQAAQBAJWCAGガイドラインをデジタル製品デザイナー向けにリファレンス化した実用マニュアル。デザインプロセスにおけるアクセシビリティ要件の実装方法を体系的に解説している。Thu, 01 Jan 1970 00:00:00 GMThttps://www.amazon.com/dp/B0CJLCLV66https://www.amazon.com/dp/B0CJLCLV66アクセシビリティデザイン分野の700以上の用語を精密に定義した包括的な辞典。デザイナーや開発者向けの参考資料として活用できる。Thu, 01 Jan 1970 00:00:00 GMT