Refine accessibility

src/utils/accessibility/AccessibilityManager.tsx

@@ -3,46 +3,60 @@ import { AccessibilityInfo } from 'react-native'
 
 type ContextType = {
   reduceMotionEnabled: boolean
+  screenReaderEnabled: boolean
 }
 
 const AccessibilityContext = createContext<ContextType>({
-  reduceMotionEnabled: false
+  reduceMotionEnabled: false,
+  screenReaderEnabled: false
 })
 
 export const useAccessibility = () => useContext(AccessibilityContext)
 
 const AccessibilityManager: React.FC = ({ children }) => {
   const [reduceMotionEnabled, setReduceMotionEnabled] = useState(false)
+  const [screenReaderEnabled, setScreenReaderEnabled] = useState(false)
 
   const handleReduceMotionChanged = (reduceMotionEnabled: boolean) =>
     setReduceMotionEnabled(reduceMotionEnabled)
 
-  const loadReduceMotion = async () => {
+  const handleScreenReaderEnabled = (screenReaderEnabled: boolean) =>
+    setScreenReaderEnabled(screenReaderEnabled)
+
+  const loadAccessibilityInfo = async () => {
     const reduceMotion = await AccessibilityInfo.isReduceMotionEnabled()
+    const screenReader = await AccessibilityInfo.isScreenReaderEnabled()
     setReduceMotionEnabled(reduceMotion)
+    setScreenReaderEnabled(screenReader)
   }
 
   useEffect(() => {
-    loadReduceMotion()
+    loadAccessibilityInfo()
 
     AccessibilityInfo.addEventListener(
       'reduceMotionChanged',
       handleReduceMotionChanged
     )
+    AccessibilityInfo.addEventListener(
+      'screenReaderChanged',
+      handleScreenReaderEnabled
+    )
 
     return () => {
       AccessibilityInfo.removeEventListener(
         'reduceMotionChanged',
         handleReduceMotionChanged
       )
+      AccessibilityInfo.removeEventListener(
+        'screenReaderChanged',
+        handleScreenReaderEnabled
+      )
     }
   }, [])
 
   return (
     <AccessibilityContext.Provider
-      value={{
-        reduceMotionEnabled
-      }}
+      value={{ reduceMotionEnabled, screenReaderEnabled }}
     >
       {children}
     </AccessibilityContext.Provider>