Web標準なHTML要素 `search` を使ったa11yについて考える - プププなテクブ

<search> という HTML 要素が 2023年10月にすべての主要ブラウザで利用可能になっていましたが、2026年4月にBaseline Widely Available に到達しました。今回はこの <search> 要素を使って、検索のアクセシビリティについて考えてみます。 スクリーンリーダーとARIA ロール アクセシビリティの向上を支援する技術として、スクリーンリーダーがあります。スクリーンリーダーはランドマークナビゲーションという機能を使って、ページ内の主要なエリア(ヘッダー・メインコンテンツ・ナビゲーションなど)を素早く移動できます。 しかし、スクリーンリーダーがランドマークとして認識できるのは、ARIA ロールを持つ要素だけです。<header> や <nav> のような要素は暗黙のロールを持っているため自動的にランドマークとして扱われますが、<div> はロールを持た