
EAAに基づくDigital Accessibilityを支持したフランスの重要判決 — 2026年 第24週 デザインシステム
UI component architecture, design tokens, and semantic theming Compiled for immediate developer deployment.


Digital Accessibility CommunityがEN 17161を受け入れるべき理由

UX ResearchにおけるCognitive Inclusionの利点

あなたのAIはAccessibility Testに合格できる?

Quality Systemを主導するためDesign Teamがやめたこと

AI時代のDesign Core Skill:Critique

実CodebaseでDesignする:HandoffもPrototypeもなし — Builder.io
Jesse Showalter が Builder.io の GitHub 連携ワークフローを紹介し、デザイナーが従来のハンドオフドキュメントなしに実際のコード変更を push する方法をデモします。リポジトリを接続後、ブランチを作成し、Builder.io のデザインキャンバスからレイアウト・タイポグラフィ・CSS プロパティ・カラートークンを視覚的に編集して PR を提出できます。デモでは Kanban ビューを使った並行ブランチ管理、AI エージェントへのプロンプトで TSX コードベース全体のブランドカラーを Facebook blue に変更する作業、plan mode を活用したアバタースタック・モックデータ付きグループカードグリッドビューのスキャフォールディングを取り上げます。一般的な vibe-coding ツールとの主な違いは、実際のプロダクションリポジトリ上で直接動作するため、マージされた PR がすぐに main ブランチに反映される点で、開発チームを置き換えることなくデザイン・エンジニアリングのボトルネックを解消します。
EAAに基づくDigital Accessibilityを支持したフランスの重要判決
フランスの Tribunal judiciaire de Caen が Carrefour に対し、6か月以内に EC プラットフォームを完全に RGAA 準拠にするよう命じ、遅延には日割り罰金が科せられます。これは EAA 施行以来初の主要な強制措置です。また、フランス視覚障害者連盟(Fédération des Aveugles et Amblyopes de France)が 2005 年障害者法第 47 条と RGAA を根拠に集団訴訟を提起しました。Auchan E-Commerce に対する別の訴訟は Lille で棄却されましたが控訴中であり、支援団体はフランス法と EU 法の誤解釈と主張しています。Deque は、市民団体が規制当局を経由せず直接裁判所へ提訴するケースが増えており、EU 全域で EAA の法的リスクが現実のものになっていると指摘します。

実CodebaseでDesignする:HandoffもPrototypeもなし — Builder.io
Jesse Showalter が Builder.io の GitHub 連携ワークフローを紹介し、デザイナーが従来のハンドオフドキュメントなしに実際のコード変更を push する方法をデモします。リポジトリを接続後、ブランチを作成し、Builder.io のデザインキャンバスからレイアウト・タイポグラフィ・CSS プロパティ・カラートークンを視覚的に編集して PR を提出できます。デモでは Kanban ビューを使った並行ブランチ管理、AI エージェントへのプロンプトで TSX コードベース全体のブランドカラーを Facebook blue に変更する作業、plan mode を活用したアバタースタック・モックデータ付きグループカードグリッドビューのスキャフォールディングを取り上げます。一般的な vibe-coding ツールとの主な違いは、実際のプロダクションリポジトリ上で直接動作するため、マージされた PR がすぐに main ブランチに反映される点で、開発チームを置き換えることなくデザイン・エンジニアリングのボトルネックを解消します。
Digital Accessibility CommunityがEN 17161を受け入れるべき理由
WCAG は約 30 年にわたりデジタルアクセシビリティのグローバル基準として機能してきましたが、出力標準としての性質上、構造的な空白があります。要件は普遍的かつ客観的にテスト可能でなければならないため、教室での手話や特定オーディエンスへのコンテンツ理解性などのユースケースは含めにくい状況です。EN 17161(Design for All)は ISO 9001 や ISO 27001 と同様の構造を持つ統合マネジメントシステム(IMS)標準で、ページごとのチェックリストではなく組織プロセスに着目します。リーダーシップのコミットメント、直接・間接的なユーザー関与、製品ライフサイクル全体へのアクセシビリティ組み込みを求めます。著者は EN 17161 と WCAG 3.0 の assertions モデルを組み合わせることで検証可能性と監査可能性が大幅に向上し、現在の二択的準拠パラダイムの代替になると論じています。
READ_FULL_LOGarrow_forwardUX ResearchにおけるCognitive Inclusionの利点
UC Irvine との共同研究で、認知障害(記憶・集中・学習の自己申告)参加者と一般参加者各 15 名を対象に、AI 生成の EC・予約・レシピの 3 サイトでテストを実施しました。認知参加者は 197 件のユーザビリティ問題を発見し、一般参加者の 113 件を上回り、改善提案も 93 対 54 と一貫して 1.8 倍の差が見られました。コンテンツの明瞭さ、ボタン・リンクのアフォーダンス、アイコンの意味、メディアによる注意散漫に関する問題を特に多く指摘しました。定性的分析では、認知参加者が単なる不満を超えて、精神的な消耗や集中力の低下といった感情的影響を詳しく説明する傾向がありました。著者は、認知包括リサーチが支援技術を使うユーザーとの研究への入口となり得ること、また発見された問題が高齢者・Gen Z・注意力が低下した成人にも共通することを論じています。
READ_FULL_LOGarrow_forwardあなたのAIはAccessibility Testに合格できる?
Microsoft Build で行われたセッションでは、Jessie Lorenz(視覚障害を持つ PM)、Aaron Gustafson、Carie Fisher(GitHub)が 6 ステップのソフトウェアパイプライン全体にアクセシビリティを組み込む方法を解説しました。主要データ:計画段階での修正コストはほぼゼロですが、デザイン段階で 10 倍、開発で 100 倍、リリース後は 1000 倍になります。コーディングエージェントはデフォルト状態で自動化可能なアクセシビリティチェックの 8〜25% しか通過せず、instruction ファイルで 37〜60%、スキルの付与で約 86% まで向上しますが、実行手順付きの決定論的テストを与えて初めて自動化チェックでほぼ 100% に達します — ただしこの自動化チェック自体が真のアクセシビリティの約 50% しかカバーしません。Figma Accessibility Assistant プラグインがエージェントへのハンドオフ用に書き出し可能な a11y スペックを生成する手段として紹介され、GitHub のオープンソース Accessibility Scanner(Deque aXe ベース)が PR と CI/CD パイプライン内の Find-File-Fix ワークフローでループを完結させます。
READ_FULL_LOGarrow_forwardQuality Systemを主導するためDesign Teamがやめたこと
Auth0 のデザインチームが、手動の画面制作や詳細なスペックドキュメント作成 — 現在「低レバレッジ作業」と呼ぶ — からシステム品質のオーナーシップへと転換した経緯を紹介しました。きっかけは 1 年以上滞留した 350 件超の polish チケットのバックログで、デザイナーが直接コードベースに修正をコミットする権限を与えることで解消しました。AI 搭載の知識ツールが過去のインサイトを即座に引き出せるため、リサーチライブラリとしての役割も縮小し、不要なミーティングを非同期アップデートに置き換えました。その結果、UI を超えたカスタマージャーニー全体の管理、組織全体の「良い品質」の定義と計測、共有デザインシステムを生きた仕様として運用することでデザインとエンジニアリングの翻訳レイヤーを事実上廃止する能力を獲得しました。
READ_FULL_LOGarrow_forwardAI時代のDesign Core Skill:Critique
Figma のスペックがコードに直結する決定論的ソフトウェアとは異なり、生成 AI システムは非決定論的(nondeterministic)です。同じ入力でも毎回異なる出力が生まれるため、従来のハンドオフ手法が通用しません。著者は judge-evaluate-iterate ループを提案します。デザイナーが客観的な判定基準(例:会話タイプ別の verbosity ルールなど「良い」とはどういうことかの定義)を設定し、手動または F1 スコア 0.8 以上を目標とした LLM-as-judge 手法でモデル出力を評価し、失敗事例をもとにプロンプトエンジニアリングを改善するか good/bad ペアでモデルをファインチューニングします。無関係なプロンプトや学習データの変更が以前通過していた基準を壊すこともあるため、回帰モニタリングが不可欠です。このフレームワークは、デザイナーの役割を正確な動作仕様の策定から、エンジニアリング・データサイエンスパートナーが運用できる品質定義の作成へと再定義します。
READ_FULL_LOGarrow_forward今週のデザインシステム分野は 2 つのテーマに収束しました。AI 時代のデジタルアクセシビリティにおける法的リスクと、従来のデザインハンドオフワークフローからの組織的転換です。フランスの Tribunal judiciaire de Caen が Carrefour に対し 6 か月以内に EC プラットフォームを完全に RGAA 準拠にするよう命じ、これは欧州アクセシビリティ法(EAA)施行以来初の主要な強制措置となりました。フランス視覚障害者連盟(Fédération des Aveugles et Amblyopes de France)による集団訴訟は、市民団体が規制当局を経由せず直接裁判所に提訴する動きを示しています。また別の記事では、ISO 9001 に類似した統合マネジメントシステム標準 EN 17161(Design for All)がページ単位のチェックリストではなく組織プロセスにアクセシビリティを組み込むことで WCAG を補完すべきと論じられました。
リサーチとツール面では、UC Irvine の対照実験で認知的に多様な参加者が一般参加者の 1.8 倍のユーザビリティ問題を発見し、UX リサーチにおける認知的包摂の強力な根拠が示されました。Nielsen Norman Group の記事は AI システムにおけるデザイナーの役割を再定義しました。スペック主導のハンドオフではなく、判定基準を策定し、F1 スコア 0.8 以上を目標に LLM-as-judge 評価を実施し、プロンプトや学習データの変化に合わせて回帰モニタリングを維持する必要があります。Microsoft Build のセッションはアクセシビリティ負債を数値化しました。設定なしのコーディングエージェントは自動化チェックの 8〜25% しか通過せず、スキルの付与で約 86% まで上がりますが、自動化チェック自体が真のアクセシビリティの約 50% しかカバーしていません。
Auth0 のデザインチームはデザイナーが直接コードをコミットする権限を与えることで 350 件超の polish チケットを解消した事例を共有し、Jesse Showalter がデモした Builder.io の GitHub 連携ワークフローは、デザイナーがビジュアルキャンバスからブランチを作成し CSS トークンを編集してプルリクエストをマージすることで、プロダクションリポジトリ自体をリビングデザインスペックとして活用する姿を示しました。
- EAA が理論から実際の執行へと移行しています。フランスの裁判所が Carrefour に 6 か月以内の RGAA 完全準拠と日割り罰金を命じ、市民団体が規制当局を待たずに直接提訴するケースが増えています。
- コーディングエージェントはデフォルト設定でアクセシビリティチェックの 8〜25% しか通過せず、instruction ファイル・スキル・決定論的実行手順を追加しても約 86% にとどまります — しかもその自動化チェック自体が真のアクセシビリティ要件の半分しかカバーしていません。
- Auth0 と Builder.io はそれぞれ独立して同じ転換を示しています。デザイナーが直接コードをコミットし共有デザインシステムをリビングスペックとして使うことで、従来のデザイン・エンジニアリング翻訳レイヤーが不要になっています。