searchbox

Самостоятельная роль виджета из WAI-ARIA для поля поиска.

В HTML эта роль есть у <input type="search">.

Задайте role="searchbox" любому тегу, лучше всего <div> или <span>. В большинстве случаев лучше использовать <input> с type="search".

Если решили делать кастомное поле поиска, не забудьте добавить его в порядок фокуса с помощью tabindex. Ещё укажите атрибут contenteditable. Благодаря ему пользователи смогут вводить данные в кастомное поле.

Элементам с ролью searchbox можно задавать все глобальные ARIA-атрибуты.