fix(search): add semantic role

This commit is contained in:
Eric Liu 2021-02-03 16:18:54 -08:00
commit e929ff5896

View file

@ -90,6 +90,8 @@
/> />
{:else} {:else}
<div <div
role="search"
aria-labelledby="{id}-search"
class:bx--search="{true}" class:bx--search="{true}"
class:bx--search--light="{light}" class:bx--search--light="{light}"
class:bx--search--disabled="{disabled}" class:bx--search--disabled="{disabled}"
@ -99,7 +101,9 @@
{...$$restProps} {...$$restProps}
> >
<Search16 class="bx--search-magnifier" /> <Search16 class="bx--search-magnifier" />
<label for="{id}" class:bx--label="{true}">{labelText}</label> <label id="{id}-search" for="{id}" class:bx--label="{true}"
>{labelText}</label
>
<!-- svelte-ignore a11y-autofocus --> <!-- svelte-ignore a11y-autofocus -->
<input <input
bind:this="{ref}" bind:this="{ref}"