mirror of
https://github.com/carbon-design-system/carbon-components-svelte.git
synced 2025-09-15 02:11:05 +00:00
fix(tabs): address a11y issues
This commit is contained in:
parent
1f1d1d44fb
commit
b75e102ffc
2 changed files with 18 additions and 11 deletions
|
@ -32,7 +32,9 @@
|
|||
<!-- svelte-ignore a11y-mouse-events-have-key-events -->
|
||||
<li
|
||||
tabindex="-1"
|
||||
role="presentation"
|
||||
role="tab"
|
||||
aria-selected={selected}
|
||||
aria-disabled={disabled}
|
||||
class:bx--tabs__nav-item={true}
|
||||
class:bx--tabs__nav-item--disabled={disabled}
|
||||
class:bx--tabs__nav-item--selected={selected}
|
||||
|
@ -60,10 +62,7 @@
|
|||
>
|
||||
<a
|
||||
bind:this={ref}
|
||||
role="tab"
|
||||
tabindex={disabled ? "-1" : tabindex}
|
||||
aria-selected={selected}
|
||||
aria-disabled={disabled}
|
||||
{id}
|
||||
{href}
|
||||
class:bx--tabs__nav-link={true}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue