UI/UXデザイナーがFigmaを用いたカラーアクセシビリティ検証など、Webアクセシビリティへの実践的取り組みを企業事例として紹介する。
シェアックリップ
シェアされたアックリップです。
そのほかの #Figma ピックアップ
FigmaのAIアクセシビリティチェッカーが検出する6項目を、JIS X 8341-3（WCAG 2.0）の達成基準と比較分析。デザイン段階での検出の有用性と実装後の試験が必要な項目を整理。
WCAGで定義されるコントラスト比の計算方法と、デザインレビューで見落とされやすい3つの罠（グレー本文・背景色上の文字・プレースホルダ）を技術的に解説。
日本の企業・行政が公開している12のデザインシステムを、構築方針・アクセシビリティ・実装方法で分類・紹介。これからUI規則を整える組織向けの参考ガイド。
Figmaのコントラスト検査機能での一般的な誤りと落とし穴。WCAG 2.2やJIS X 8341-3の実務を踏まえ、正しい検査方法と設定の注意点を解説する。
Figmaのデザイン段階でカラーコントラスト比をJIS X 8341-3基準で検証する手法を解説。デザイナーがアクセシビリティを意識した配色を早期に検討できる方法論。
Figmaでプラグインを使わずにコントラスト比を確認するテクニック。デザイナーがアクセシビリティ要件を検証する実践的な方法を紹介。
そのほかの #カラーコントラスト ピックアップ
CSS のネイティブ相対色構文（oklch、color-mix）を用いて、ダイナミックにコントラスト対応・wide-gamut 対応するカラートークン設計を解説。WCAG 要件を保ちながら 2026 年トレンドパレットを実装する方法を紹介。
ロゴやマークのコントラスト評価方法を提案する記事。ピクセル平均測定ではなく列単位での測定により、単語が完全に消える問題を検出する手法を解説。
WebAIM Million 2026年調査で明らかになった最も一般的な6つのWCAG違反について、なぜそれらが問題かを解説し、各々の修正コードを具体的に示す。
color-schemeプロパティでダークモードにおけるブラウザのネイティブUI（日付入力、セレクト、スクロールバー）の自動対応が可能。カスタムコンポーネント制作なしで実装できるテクニック。
WCAGコントラスト比を満たす色スキーム設計方法について解説。sRGB・HSL色空間の限界、相対輝度の計算式、OKLCH色空間を使ったCSS設計トークンで、アクセシブルな色システムを構築する方法を示す。
WordPress環境でのメール送信におけるアクセシビリティについて。確認メール・パスワードリセット等、ユーザーが受け取る全メッセージが読みやすく・ナビゲート可能である必要性を解説。コンテンツ・構造・デザイン・テスト実践を網羅した講座。
そのほかの #UXデザイン ピックアップ
The Design + Accessibility Summit
イベント 海外 開催予定
デザイン専門家向けのオンラインサミット（第7回）。アクセシビリティの実装をマスターしたいデザイナーを対象とした、4日間の集中的なナレッジシェアと最新事例の紹介。
エシカルデザインの手法をインクルーシブ・アクティビティ・カードを使ったワークショップ。
非エンジニアがClaudeとGeminiを併用してWebアプリ開発した実践プロンプト集。アクセシビリティ要件の初期組み込みから、UI/UX調整、視認性強化、トラブル対処まで、実装プロセスと試行錯誤を解説。
CSS のネイティブ相対色構文（oklch、color-mix）を用いて、ダイナミックにコントラスト対応・wide-gamut 対応するカラートークン設計を解説。WCAG 要件を保ちながら 2026 年トレンドパレットを実装する方法を紹介。
長文記事にナビゲーション機能を加える際、本文へのアクセスを阻害しない設計原則。キーボード操作・スクリーンリーダー対応・フォーカス表示など複数の利用方法を前提とした実装パターンと確認方法を解説している。
親が1人で車椅子ユーザーの子どもを雨の中で乗せるときの身体的負担を7場面に分けて可視化。カバーの着脱と安全な乗せ下ろしが同時に必要な課題を指摘し、設計改善の方向を提案。
そのほかの #企業事例 ピックアップ
フランスの映画アクセシビリティ推進団体「ルテゥール・ディマージュ」とのオンラインセミナー。音声描写（オーディオディスクリプション）の制作・品質保証と、映画産業における情報保障の社会的価値を問い直す。日仏の比較から、障害のあるクリエイターの仕事の可視化と上映環境の向上を考える。
Webアクセシビリティ対応の相談を案件として組み立てるフロー。調査・提案・試験から翌年点検まで、実務的に進めるステップを、A11yWorkFlowツールのサンプル資料を交えて解説する。
ユニバーサルデザインに注力するホテルの事例。UD導入の経緯、施設整備、障害者雇用の取り組みについてオンライン勉強会で学ぶ。
中国の医薬品に付く追跡コードを活用した情報提供の仕組みを解説。商品識別、偽造対策とともに、アクセシブルコードによる視覚障害のある人・外国人を含めた情報アクセスの実現を扱う。
企業の「知りたい」ではなく障害のある人の「話したい」を先にするコミュニティ設計について。安心でき、メンバー同士が横でつながる場づくりの重要性を論じる。
ダークパターン（ユーザーを無意識に誘導するデザイン）を、ADHD・ディスレクシア・算数障害のあるリードユーザーの視点から発見し改善するサービス。企業向けのクイックレビューやユーザビリティ調査、研修を提供する。