Figmaでプラグインを使わずにコントラスト比を確認するテクニック。デザイナーがアクセシビリティ要件を検証する実践的な方法を紹介。
#Figma
Acessibilidade no Figma: Testar o Font Scaling com Variáveis (Accessibility in Figma: Testing Font Scaling with Variables) Figmaのアクセシビリティ：変数を使ったフォントスケーリングのテスト
イベント 海外 開催終了
Figmaのデザイン変数を活用してフォントスケーリングをテストし、多様なユーザーニーズに対応したアクセシブルなデザインシステムの実装方法を解説する。
次世代ノーコードツール「Figma Sites」の使い方講座
イベント 開催終了
アクセシビリティカンファレンス福岡2026の Meetup として、ノーコードツール Figma Sites の基本操作から実務での公開手順までを学ぶ講座。
UI/UXデザイナーがFigmaを用いたカラーアクセシビリティ検証など、Webアクセシビリティへの実践的取り組みを企業事例として紹介する。
Accessibility Assistant for Figma v52 :: Aaron Gustafson Figma用Accessibility Assistant v52 :: Aaron Gustafson
記事 海外
FigmaのアクセシビリティアシスタントがWAI-ARIAロール拡張・アノテーション刷新・UI統合を含むv52へアップデート。デザイン段階での検証精度が向上し、アクセシビリティシフトレフトが実現した。
Why Figma Annotations Are Critical for a Shift-Left Accessibility Approach • DigitalA11Y シフトレフトなa11yにFigmaアノテーションが欠かせない理由
記事 海外
Figmaアノテーションを活用してデザイン段階でアクセシビリティ要件を組み込む「シフトレフト」アプローチを解説。手戻り削減と開発者への引き継ぎ改善を実現する実践方法を紹介。
Design Button States for Accessibility アクセシビリティのためのボタン状態のデザイン
YouTube 海外
Figmaでボタンのデフォルト・ホバー・アクティブ・非アクティブの4状態を視覚的に識別可能にデザインする方法を紹介。Webアクセシビリティに配慮した設計手法を学べる。
Annotating designs using common language - TetraLogical 共通言語でデザインにアノテーションする - TetraLogical
記事 海外
デザイン文書のアクセシビリティに関する注記が不足していることを指摘し、アクセシビリティのためのアノテーションの重要性を解説した記事。
How to Design Button States for Accessibility (Video Tutorial) アクセシビリティのためのボタン状態デザイン方法（動画チュートリアル）
YouTube 海外
FigmaでDefault・Hover・Active・Inactiveのボタン状態をアクセシブルにデザインする方法をチュートリアル形式で解説した動画。