Speaker

Vue 3.6で登場したVapor ModeはVNodeを経由せず直接DOMを操作する新しいコンパイル戦略ですが、語られるのは性能の話ばかりで、支援技術への影響はまだほとんど検証されていません。

live regionの読み上げ、フォーカス管理、動的なaria属性の更新は従来モードと同じように動くのか。

これは既存アプリへの部分導入を検討するうえで避けて通れない課題だと考え、このテーマを選びました。

本発表では、同一のコンポーネントを従来モードとVapor Modeの2系統でビルドし、PlaywrightのariaSnapshotによるアクセシビリティツリーの差分比較と、VoiceOverによる実際の読み上げ確認という2つの観点で検証した結果を報告します。

差分が出た項目と出なかった項目を一覧で示し、Vapor Mode移行時にアクセシビリティ観点で確認すべきチェックリストとして持ち帰っていただけます。