mirror of
https://github.com/carbon-design-system/carbon-components-svelte.git
synced 2025-09-15 10:21:05 +00:00
fix(a11y): resolve accessibility warnings in Svelte 3.50.0 (#1480)
Fixes #1479 * chore(deps-dev): upgrade svelte 3.47.0 -> 3.50.0 * fix(toggle): ignore `a11y-role-has-required-aria-props` warning * fix(header-search): resolve a11y warnings
This commit is contained in:
parent
dbf8283e35
commit
73385bf598
4 changed files with 13 additions and 4 deletions
|
@ -61,10 +61,11 @@
|
|||
|
||||
<div bind:this="{refSearch}" role="search" class:active>
|
||||
<label for="search-input" id="search-label">Search</label>
|
||||
<div role="combobox" aria-expanded="{active}">
|
||||
<div aria-owns="search-menu" aria-haspopup="menu">
|
||||
<button
|
||||
type="button"
|
||||
aria-label="Search"
|
||||
aria-expanded="{active}"
|
||||
tabindex="{active ? '-1' : '0'}"
|
||||
class:bx--header__action="{true}"
|
||||
class:disabled="{active}"
|
||||
|
@ -83,6 +84,8 @@
|
|||
class:active
|
||||
{...$$restProps}
|
||||
id="search-input"
|
||||
aria-autocomplete="list"
|
||||
aria-controls="search-menu"
|
||||
aria-activedescendant="{selectedId}"
|
||||
bind:value
|
||||
on:change
|
||||
|
@ -133,7 +136,7 @@
|
|||
{#if active && results.length > 0}
|
||||
<ul aria-labelledby="search-label" role="menu" id="search-menu">
|
||||
{#each results as result, i}
|
||||
<li>
|
||||
<li role="none">
|
||||
<a
|
||||
tabindex="-1"
|
||||
id="search-menuitem-{i}"
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue