Клавиша / esc

searchbox

Роль поля поиска.

Время чтения: меньше 5 мин

Это незавершённая статья. Вы можете помочь её закончить! Почитайте о том, как контрибьютить в Доку.

Кратко

Скопировано

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

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

Как пишется

Скопировано

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

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

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