ウェブサイト再デザイン過程で、Figmaの設計段階からアクセシビリティ要件を組み込み、デザイン時のアクセシビリティレビュー方法を詳しく解説する。
#Figma
「Figma」に関するアクセシビリティ関連情報を自動収集して掲載しています。
デジタル庁デザインシステムの活用方法。「見やすくする」がコントラスト比などで具体的に定義でき、入力欄設計やエラーメッセージの扱いまで実装レベルでガイドされる。Figma・HTML・React サンプルも提供される、組織で共有できる設計資料。
FigmaのAIアクセシビリティチェッカーが検出する6項目を、JIS X 8341-3（WCAG 2.0）の達成基準と比較分析。デザイン段階での検出の有用性と実装後の試験が必要な項目を整理。
WCAGで定義されるコントラスト比の計算方法と、デザインレビューで見落とされやすい3つの罠（グレー本文・背景色上の文字・プレースホルダ）を技術的に解説。
日本の企業・行政が公開している12のデザインシステムを、構築方針・アクセシビリティ・実装方法で分類・紹介。これからUI規則を整える組織向けの参考ガイド。
Customize a Venngage Accessible Template
YouTube 海外
Venngageのアクセシブルテンプレートライブラリの使用方法と、テンプレート選択から編集・カスタマイズまでの手順をチュートリアル形式で紹介。
Figmaのコントラスト検査機能での一般的な誤りと落とし穴。WCAG 2.2やJIS X 8341-3の実務を踏まえ、正しい検査方法と設定の注意点を解説する。
Figmaのデザイン段階でカラーコントラスト比をJIS X 8341-3基準で検証する手法を解説。デザイナーがアクセシビリティを意識した配色を早期に検討できる方法論。
Figmaでプラグインを使わずにコントラスト比を確認するテクニック。デザイナーがアクセシビリティ要件を検証する実践的な方法を紹介。
Figmaのデザイン変数を活用してフォントスケーリングをテストし、多様なユーザーニーズに対応したアクセシブルなデザインシステムの実装方法を解説する。
次世代ノーコードツール「Figma Sites」の使い方講座
イベント 開催終了
アクセシビリティカンファレンス福岡2026の Meetup として、ノーコードツール Figma Sites の基本操作から実務での公開手順までを学ぶ講座。
UI/UXデザイナーがFigmaを用いたカラーアクセシビリティ検証など、Webアクセシビリティへの実践的取り組みを企業事例として紹介する。
Studioツールを活用したWebアクセシビリティ対応。今回は効率のいいレスポンシブ実装、手間削減とミス削減を解説。
FigmaのアクセシビリティアシスタントがWAI-ARIAロール拡張・アノテーション刷新・UI統合を含むv52へアップデート。デザイン段階での検証精度が向上し、アクセシビリティシフトレフトが実現した。
Figmaアノテーションを活用してデザイン段階でアクセシビリティ要件を組み込む「シフトレフト」アプローチを解説。手戻り削減と開発者への引き継ぎ改善を実現する実践方法を紹介。
Figmaを用いてデザイナーとエンジニアが協働し、効率的なコラボレーションとデザインシステムの構築方法を実践的に解説する。
デジタルアクセシビリティ実現の実践的戦略を、Figmaを活用した具体例で解説する。色コントラスト確保、色に依存しない設計検証、読み順の明確化、説明的なリンクテキスト作成など、クリエイティビティと利用可能性を両立させた設計手法が主題。
Design Button States for Accessibility
YouTube 海外
ボタンの Default, Hover, Active, Inactive 状態を視覚的に明確に区別するアクセシビリティ設計。Figma での実装方法をビデオで紹介。
Jan Maarten and Daniel Henderson-Ede / Accessibility Annotations Around the World #id24 2025
YouTube 海外
世界中のデザイン・チームがアクセシビリティ・アノテーション・キットをどう活用するか。共通キットを独自のワークフローと目標に合わせて適応させる方法、課題、創意工夫を実例で紹介。
デザイン文書のアクセシビリティに関する注記が不足していることを指摘し、アクセシビリティのためのアノテーションの重要性を解説した記事。
Figmaでボタンの状態（デフォルト、ホバー、アクティブ、無効）をアクセシビリティに配慮して設計する方法を解説。状態を視覚的に明確に区別し、見た目と機能を両立させるデザインテクニック。
Figmaテンプレートから開発されたモバイルアプリケーションのアクセシビリティ準拠度を実証的に調査する論文。デザインツール段階での標準化とその実装品質の関連性を検証。