EmbedGuideは、外部アプリやダッシュボードをiframeで埋め込むチーム向けの小さなドキュメントとスニペット集です。アクセシブルなiframe埋め込みパターン、ホストとiframe間の簡単な通信フロー、キーボードやスクリーンリーダーで動作させるための短い手順チェックリストに特化しています。
チームがiframeをページに埋め込むとき、標準的なパターンがないとキーボードトラップやフォーカスの喪失、アクセシビリティに欠ける表示が生まれます。これを後で修正するのは、チームやベンダー間での手作業が増え、面倒になります。
EmbedGuideはワンページのパターンライブラリ、検証済みのコードスニペット3種（フォーカスマネジメント、postMessageハンドシェイク、title/role処理）、およびエンジニアとベンダー向けの2ステップ手順チェックリストを提供します。購入者には短いオンボーディング通話と、リポジトリに貼れるPDFが付きます。
サムはパートナーの分析ウィジェットをiframeで統合するプロダクトオーナーです。QAでキーボードユーザーがウィジェット内にトラップされ、スクリーンリーダーには文脈が渡っていないと指摘されました。サムはEmbedGuideをダウンロードし、タイトル属性の付け方、入出時のフォーカス管理、ホストとiframeの簡単なpostMessageハンドシェイクのワンページ例を読みます。サムはフォーカス管理スニペットをラッパーに貼り、PRテンプレートに短いチェックリストを追加してベンダーに確認させました。次のリリースでパートナーがハンドシェイクを実装し、QAはキーボードの流れを確認しました。サムはチケットを閉じ、PDFをリポジトリに保存しました。修正は何週間もかからず午前中で終わりました。
パースペクティブ: Turning your taste or expertise into a subscription or directory
作成日時: 2025/11/21 10:25:50