§05-02Search & Navigation

インスタント検索 / typeahead

入力するたびに候補や結果を即時に表示する。

検索ボタンを押す前に結果を見られ、語句を試しながら絞り込める。商品名や記事タイトルなど、候補から選ぶ検索に向く。

実装のポイント

入力をデバウンスして候補を取得し、一致部分を mark で強調する。role=「combobox」と aria-activedescendant で矢印キー選択を支援技術に伝える。