♿ a11y(bal-nav): button overlays not reachable via keyboard (#1438)

* Create PR for #1415 * fix(close): make close button focusable by changing tabindex from -1 to 0 * fix(close): make close button focusable by changing tabindex from -1 to 0 * chore: add changeset * chore: add changeset --------- Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com> Co-authored-by: Marinkov, Magdalena <Magdalena.Marinkov@baloise.ch> Co-authored-by: Gery Hirschfeld <gerhard.hirschfeld@baloise.ch>
baloise · Sep 6, 2024 · 9570144 · 9570144
1 parent d8c2bc4
commit 9570144
Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/.changeset/wet-cycles-report.md b/.changeset/wet-cycles-report.md
@@ -0,0 +1,5 @@
+---
+'@baloise/ds-core': patch
+---
+
+**close**: is accessible by the keyboard
diff --git a/packages/core/src/components/bal-close/bal-close.tsx b/packages/core/src/components/bal-close/bal-close.tsx
@@ -53,7 +53,7 @@ export class Close implements ComponentInterface, BalConfigObserver {
           type="button"
           aria-label={label}
           title={label}
-          tabindex={-1}
+          tabindex="0"
           class={{
             ...buttonEl.class(),
             ...buttonEl.modifier('inverted').class(this.inverted),