公開日: 2026 年 2 月 12 日
このたび、ブラウザ間でウェブ プラットフォームの主要機能の相互運用性を高める取り組みである Interop 2026 を発表いたします。Interop 2026 は、Apple、Google、Igalia、Microsoft、Mozilla など、ブラウザ レンダリング エンジンに大きく貢献している企業の代表者からなるチームによって運営されており、ウェブ デベロッパーとエンドユーザーにとって優先度の高い機能に重点を置いています。
以前の Interop の取り組みと同様に、選択されたテストは自動テスト インフラストラクチャで継続的に実行され、合格率は Interop 2026 ダッシュボードに表示されます。
重点分野
2026 年の重点分野には、State of HTML と State of CSS のアンケートで相互運用性の問題の上位に挙げられた分野がいくつか含まれています。これらの問題は webstatus.dev で追跡しています。今年追加された機能の多くは、デベロッパー シグナル リポジトリでリクエストの多かった上位 20 件の問題にも含まれています。
アンカーの配置
表示される場所: 相互運用性に関する上位の問題、デベロッパー シグナルの アンカーの位置
アンカー配置を使用すると、別の要素の位置に基づいて要素を配置できます。たとえば、参照先のコンテンツの横にツールチップを配置できます。このフォーカス エリアは Interop 2025 から継続しており、2025 年のテストのみが含まれています。
コンテナ スタイル クエリ
表示される場所: 相互運用性の主な問題、デベロッパー シグナルのコンテナ スタイル クエリ
コンテナ スタイル クエリは、@container ルールと 1 つ以上の style() 関数を使用して、コンテナのカスタム プロパティの計算値に基づいて要素にスタイルを適用します。
ダイアログとポップオーバー
表示される場所: 相互運用に関する上位の問題、デベロッパー シグナル closedby、hint
Interop 2026 では、<dialog> 要素と Popover API の取り組みは次の点に重点を置いています。
<dialog closedby>属性。ダイアログを閉じるユーザー アクション（ダイアログの外側のクリックなど）を設定します。- 開いた状態の要素に一致する
:openCSS 疑似クラス。 popover="hint"グローバル属性。他の自動ポップオーバーの下位にポップオーバーを作成します。ツールチップに便利です。
スクロールドリブン アニメーション
表示される場所: 相互運用に関する主な問題
これには、ユーザーのスクロール位置に基づいてアニメーションを進める animation-timeline、scroll-timeline、view-timeline の CSS プロパティが含まれます。
遷移を表示する
表示される場所: 相互運用性の高い問題、デベロッパー シグナル ドキュメント間のビュー遷移
Interop 2025 により、同じドキュメント内のビューの切り替えが Baseline Newly available に追加されました。Interop 2026 では、ビュー遷移の作業は次の点に重点を置いています。
- 同じドキュメントのビューの切り替えを改善しました。
<link>、<script>、<style>のblocking="render"属性。<link rel="expect">属性。:active-view-transition-type()CSS 疑似クラス。- ドキュメント間のビュー遷移。
attr() CSS 関数
デベロッパー シグナルに表示される attr()
attr() CSS 関数は、HTML 要素の属性の値を返します。この値を特定の型または特定の単位で返すオプションもあります。
Interop 2026 には、アンケートでハイライトされたこれらの主な機能に加えて、次の機能も含まれています。
contrast-color() CSS 関数
contrast-color() CSS 関数は、指定された前景色または背景色に対してコントラストが保証されている色を選択します。
カスタム ハイライト
カスタム ハイライトを使用すると、DOM に要素を追加することなく任意のテキスト範囲のスタイルを設定できます。
アップロードと範囲を取得する
fetch() メソッドの作業は、本文の ReadableStream に焦点を当てて、サーバーにデータをストリーミングし、リクエストとレスポンスの FormData とメディアタイプをサポートし、Range ヘッダーをサポートします。
IndexedDB
IndexedDB の重点分野は、IDBObjectStore と IDBIndex の getAllRecords() メソッドを対象としています。これらのメソッドは、レコードとその主キーをバッチで返すことで、大規模なデータセットに対する読み取りオペレーションを高速化します。
Wasm 用 JSPI
JavaScript Promise Integration API（JSPI）を使用すると、外部機能への同期アクセスを想定する Wasm アプリケーションを、その機能が非同期である環境で動作させることができます。
メディア疑似クラス
この領域には、状態に基づいて <audio> 要素と <video> 要素を照合する :playing、:paused、:seeking、:buffering、:stalled、:muted、:volume-locked の CSS 疑似クラスが含まれます。
Navigation API
今年は、Navigation API の相互運用性の改善と、ハンドラが解決するまでコミットを遅延させる navigateEvent.intercept() オプションの precommitHandler への対応に重点が置かれます。
スコープ付きカスタム要素レジストリ
CustomElementRegistry() コンストラクタは、グローバルなものとは別の新しいカスタム要素レジストリを作成し、同じタグ名を持つ複数のカスタム要素を共存させることができます。
スクロール スナップ
このフォーカス エリアでは、スクロール コンテナ内のパンとスクロールの動作を制御する CSS スクロール スナップについて説明します。
shape() CSS 関数
shape() CSS 関数は、line、move、curve などのコマンドを使用してシェイプを作成し、clip-path や shape-outside とともに使用できます。
ウェブ互換性
この分野では、次のような現実世界の問題を引き起こす特定の相互運用性の問題を対象としています。
- ESM モジュールの読み込み。
- アニメーション イベントに対するスクロール イベントのタイミング。
-webkit-user-selectプロパティのプレフィックスを削除しました。
WebRTC
Interop 2026 では、Interop 2025 の重点分野で残っているテストの失敗を修正し、WebRTC の相互運用性を引き続き改善することに重点が置かれています。
WebTransport API
このエリアでは、HTTP/3 プロトコルを使用してクライアントとサーバー間でデータを送信する WebTransport API について説明します。
zoom CSS プロパティ
Interop 2025 に続き、この分野では、要素のサイズを拡大縮小し、ページ レイアウトに影響を与える zoom CSS プロパティに焦点を当てています。
調査の取り組み
Interop 2026 には、将来の機能をテストと相互運用性の作業に備えるための調査活動も含まれています。
- ユーザー補助機能のテスト: ブラウザ間で一貫したユーザー補助機能ツリーを生成し、WPT インフラストラクチャを改善する取り組みを行っています。
- JPEG XL: プログレッシブ レンダリングの要件の定義など、JPEG XL 画像形式をテスト可能にすることに重点を置いています。
- モバイル テスト: 動的なビューポートの変更など、モバイル固有の機能をテストするために WPT インフラストラクチャを改善しています。
- WebVTT: 標準準拠の理解を深めるため、テストを修正し、ドキュメントを更新しました。
2026 年までの進捗状況を追跡する
Interop 2026 ダッシュボードでプロジェクトの進捗状況を確認できます。