Skip to content

Commit e70e892

Browse files
committed
chore(tabsoverflow): add note on aria labels added to child action buttons
1 parent 48eb830 commit e70e892

File tree

1 file changed

+3
-1
lines changed

1 file changed

+3
-1
lines changed

packages/tabs/tabs-overflow.md

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -58,4 +58,6 @@ To use the `<sp-tabs-overflow>` component, simply wrap it around the `<sp-tabs>`
5858

5959
### Accessibility
6060

61-
The `<sp-tabs-overflow>` component is not focusable via Keyboard Tab Navigation. The Tabs Overflow buttons only help visually scroll down the list of Tabs. Keyboard users can navigate through all elements inside the Tabs list using arrow keys, and Keyboard users will always initially focus on the very first Tab element, no matter how visually scrolled the Tab group might be. Therefore, the `<sp-tabs-overflow>` component is not useful for Keyboard Tab Navigation, so it is removed as to not be a hinderance.
61+
The `<sp-tabs-overflow>` component is not focusable via Keyboard Tab Navigation. The Tabs Overflow buttons only help visually scroll down the list of Tabs. Keyboard users can navigate through all elements inside the Tabs list using arrow keys, and Keyboard users will always initially focus on the very first Tab element, no matter how visually scrolled the Tab group might be. Therefore, the `<sp-tabs-overflow>` component is not useful for Keyboard Tab Navigation, so it is removed as to not be a hindrance.
62+
63+
When the `<sp-tabs-overflow>` component is used, the `aria-label` attribute is set to `Scroll to previous tabs` and `Scroll to next tabs` for the previous and next buttons, respectively.

0 commit comments

Comments
 (0)