Figmaのコントラスト検査機能での一般的な誤りと落とし穴。WCAG 2.2やJIS X 8341-3の実務を踏まえ、正しい検査方法と設定の注意点を解説する。
#Figma
「Figma」に関するアクセシビリティ関連情報を自動収集して掲載しています。
Figmaのデザイン段階でカラーコントラスト比をJIS X 8341-3基準で検証する手法を解説。デザイナーがアクセシビリティを意識した配色を早期に検討できる方法論。
Figmaでプラグインを使わずにコントラスト比を確認するテクニック。デザイナーがアクセシビリティ要件を検証する実践的な方法を紹介。
Figmaのデザイン変数を活用してフォントスケーリングをテストし、多様なユーザーニーズに対応したアクセシブルなデザインシステムの実装方法を解説する。
次世代ノーコードツール「Figma Sites」の使い方講座
イベント 開催終了
アクセシビリティカンファレンス福岡2026の Meetup として、ノーコードツール Figma Sites の基本操作から実務での公開手順までを学ぶ講座。
UI/UXデザイナーがFigmaを用いたカラーアクセシビリティ検証など、Webアクセシビリティへの実践的取り組みを企業事例として紹介する。
FigmaのアクセシビリティアシスタントがWAI-ARIAロール拡張・アノテーション刷新・UI統合を含むv52へアップデート。デザイン段階での検証精度が向上し、アクセシビリティシフトレフトが実現した。
Figmaアノテーションを活用してデザイン段階でアクセシビリティ要件を組み込む「シフトレフト」アプローチを解説。手戻り削減と開発者への引き継ぎ改善を実現する実践方法を紹介。
Design Button States for Accessibility
YouTube 海外
Figmaでボタンのデフォルト・ホバー・アクティブ・非アクティブの4状態を視覚的に識別可能にデザインする方法を紹介。Webアクセシビリティに配慮した設計手法を学べる。
デザイン文書のアクセシビリティに関する注記が不足していることを指摘し、アクセシビリティのためのアノテーションの重要性を解説した記事。
FigmaでDefault・Hover・Active・Inactiveのボタン状態をアクセシブルにデザインする方法をチュートリアル形式で解説した動画。
Figmaテンプレートから開発されたモバイルアプリケーションのアクセシビリティ準拠度を実証的に調査する論文。デザインツール段階での標準化とその実装品質の関連性を検証。