From da5ccb82ea06c1179e5ef8855e8dcd0f10c682bf Mon Sep 17 00:00:00 2001
From: Aditya Pahilwani <aditya.pahilwani@gmail.com>
Date: Mon, 17 Jan 2022 00:26:31 +0530
Subject: [PATCH] Adding basic accessibility out of the box

---
 example/src/SegmentedControl.tsx | 4 ++++
 src/index.tsx                    | 4 ++++
 2 files changed, 8 insertions(+)

diff --git a/example/src/SegmentedControl.tsx b/example/src/SegmentedControl.tsx
index 39abb17a..5b7139eb 100644
--- a/example/src/SegmentedControl.tsx
+++ b/example/src/SegmentedControl.tsx
@@ -194,8 +194,12 @@ const SegmentedControl: React.FC<SegmentedControlProps> = ({
         ]}
       />
       {segments.map((segment, index) => {
+        const accessibilityHint = currentIndex !== index ? `Selects ${segment} option` : ""
         return (
           <Pressable
+            accessibilityState={{ selected: currentIndex === index }}
+            accessibilityHint={accessibilityHint}
+            accessibilityLabel={`${segment} option ${index + 1} of ${segments.length}`}
             onPress={() => memoizedTabPressCallback(index)}
             key={index}
             style={[styles.touchableContainer, pressableWrapper]}
diff --git a/src/index.tsx b/src/index.tsx
index 39abb17a..5b7139eb 100644
--- a/src/index.tsx
+++ b/src/index.tsx
@@ -194,8 +194,12 @@ const SegmentedControl: React.FC<SegmentedControlProps> = ({
         ]}
       />
       {segments.map((segment, index) => {
+        const accessibilityHint = currentIndex !== index ? `Selects ${segment} option` : ""
         return (
           <Pressable
+            accessibilityState={{ selected: currentIndex === index }}
+            accessibilityHint={accessibilityHint}
+            accessibilityLabel={`${segment} option ${index + 1} of ${segments.length}`}
             onPress={() => memoizedTabPressCallback(index)}
             key={index}
             style={[styles.touchableContainer, pressableWrapper]}