fix(tabs): address a11y issues

This commit is contained in:
b-r-i-a-n-w-e-s-t 2025-09-05 09:54:21 -07:00
commit b75e102ffc
2 changed files with 18 additions and 11 deletions

View file

@ -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}