Skip to content

Commit 4cec306

Browse files
author
Artur Bien
committed
fix(tabs): add accessibility attributes
1 parent 6811972 commit 4cec306

File tree

1 file changed

+7
-1
lines changed

1 file changed

+7
-1
lines changed

src/Tabs/Tabs.tsx

Lines changed: 7 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -43,7 +43,7 @@ const Tabs = ({
4343
});
4444

4545
return (
46-
<View style={[styles.tabs, style]} {...rest}>
46+
<View accessibilityRole='tablist' style={[styles.tabs, style]} {...rest}>
4747
{childrenWithProps}
4848
<View
4949
style={[
@@ -105,6 +105,12 @@ const Tab = ({
105105
selected ? margin(0, -8) : margin(0, 0),
106106
style,
107107
]}
108+
accessibilityTraits={selected ? ['button', 'selected'] : 'button'}
109+
accessibilityComponentType='button'
110+
accessibilityRole='tab'
111+
accessibilityState={{
112+
selected,
113+
}}
108114
{...rest}
109115
>
110116
<View

0 commit comments

Comments
 (0)