Кратко
СкопированоARIA-роль ориентира, которая определяет область с поиском по сайту. В этой области может находиться не только поисковая строка, но фильтры или ссылки, которые связаны с поиском.
В HTML нет аналога для этой роли.
Пример
Скопировано<form role="search"> <label for="search-field">Поиск по сайту</label> <input type="search" id="search-field" name="search"> <input type="submit" value="Submit"></form>
<form role="search"> <label for="search-field">Поиск по сайту</label> <input type="search" id="search-field" name="search"> <input type="submit" value="Submit"> </form>
Как пишется
СкопированоДобавьте к тегу role
. Это может быть <div>
, <span>
или <form>
, в который вложен <input type
.
Для элемента с ролью search
можно использовать все глобальные ARIA-атрибуты.
Как понять
СкопированоРоль search
создаёт ориентир на странице. Это значит, что пользователи скринридеров могут быстро переместиться к этой части страницы с помощью горячих клавиш или через меню с ориентирами.