AIの時代のアクセシビリティ - TetraLogical — 2026年 第29週 デザインシステム

このPiccalilliの詳細な分析では、すべての折りたたみウィジェットパターンをaria-expandedが実際に必要な場合とWebプラットフォームがそれを不要にする場合に対応付けています。著者はパターンを折りたたみセクション（ディスクロージャーウィジェット、アコーディオン）と折りたたみインタラクティブ要素（ナビゲーション、メニュー、ツリービュー、コンボボックス）に分け、それぞれ異なるARIA要件があります。フライアウトナビゲーションにはaria-expandedだけで十分ですが、真のメニューボタンにはaria-haspopupとaria-activedescendantも必要です。ネイティブ要素についても適切に取り上げられています。単純なディスクロージャーウィジェットは<details>/<summary>を使用すべきで、モーダルはインボーカーコマンドとともに<dialog>を使用すべきです。ツールチップはPopover API（popover="auto"）とcommand="toggle-popover"を使ってJavaScriptなしでライトディスミスとESC閉じ機能を実現できます。APGパターンはプロダクションテンプレートではなくARIA使用の例示であり、ネイティブかカスタムかにかかわらずすべてのソリューションは支援技術でテストする必要があると警告しています。

Christine Vallaureはデザインシステムコントラクトモデルを紹介しています。これはコンポーネントごとの単一のJSONまたはYAMLファイルで、FigmaとコードのあいだにあってどちらをもCanonicalソースとして扱いません。Figmaライブラリとコードベースはどちらもそのファイルから生成され、チェッカーが三つのアーティファクトがまだ一致しているかを検証します。このモデルは最近Figmaに加わったTJ Petriが設立したSouthleftが普及させ、オープンソースの概念実証プロジェクトはShoelace、Mantine、Carbon、Polarisに対して検証されています。緊迫性は実用的なところにあります。SouthleftのA/Bテストでは、コントラクトなしで作業したAIは存在しないオプションを作り上げ、色をハードコードし、コンポーネントのスタイルを変更して100点中69点を記録した一方、コントラクトによって制約された同じAIは100点満点を獲得し、幻覚を起こす代わりに実際のギャップを指摘しました。Vallaureは範囲について率直です。コントラクトは構成とトークンマッピングを固定しますが、ドラッグ・タイプアヘッド・モーションといった細部の実装は扱いません。ARIAセマンティクスは含まれており、嬉しい驚きだったと述べています。決定的に、Code ConnectやUXPin Mergeとは異なり、コントラクトはFigmaもコードも優先せず、デザイナーの意思決定の権限を保持します。

Jabo Landryは、モダンなHTMLプリミティブを活用してアクセシブルなオーバーレイを構築する方法を解説しています。ポップアップはpopoverとpopovertarget属性を使って組み込みのEscape閉じとライトディスミスを提供し、モーダルは<dialog>要素にトリガーボタンのcommand="show-modal"と閉じるボタンのcommand="close"を使って、JavaScriptなしで宣言的に実装します。command/commandforのブラウザサポートが不確かな場合はshowModal()メソッドが代替手段です。この記事では二つの実用的な注意点を強調しています。popoverや<dialog>に直接display: flexまたはgridを適用するとデフォルトのdisplay: noneが上書きされて常に表示されるため、代わりに:popover-openやdialog[open]セレクタを使用する必要があります。また、モーダルが開いている間のバックグラウンドスクロールはhtml:has(dialog[open]) { overflow: hidden; }で抑制できます。CSSアンカーポジショニング（position-anchor、anchor-name）を使えば純粋なCSSでポップアップをトリガーに固定できますが、プロダクション使用前にブラウザサポートを確認する必要があります。

Vitaly FriedmanはAI機能への企業の野心と実際のユーザーの需要のギャップを調査し、IBMの2026年AI導入格差スタディとAIチャットボットがエラー確認への意欲を低下させるというニールセン・ノーマン・グループの調査を引用しています。中心的な主張はAI機能が既存のワークフローから人々を引き離すボルトオンであり、AI出力を検証するコスト — ざっと読む、要点を見つける、根拠を確認する、修正点を明確にする、再確認する — が節約される時間を上回ることが多いというものです。ユーザーはAIを人間の代替と比較するのではなく機能と機能を比較し、どんな技術であっても信頼性のない機能は信頼できる機能に負けます。実用的な処方箋はAIセカンド設計です。既存のメンタルモデルに深く統合された静かで落ち着いた方法で、創造的または判断集約的な作業を置き換えるのではなく、本当に退屈なタスクを自動化するものです。FriedmanはBo Young Leeの広く共有された表現を引用しています。人々はAIが自分たちを消耗させる肉体的・精神的な労働を引き受けてくれることで、人間ならではの仕事や人間関係にもっと多くの時間を使えるようになることを望んでいます。