Add accessibility and font size customization

Introduces comprehensive WCAG 2.1 AA accessibility support, including screen reader roles, live region, custom labels/hints, font scaling, color contrast validation, haptic feedback, and dynamic sizing utilities. Adds per-toast and global font size overrides, updates Toast component and types for accessibility props, and exposes new utilities for sizing and accessibility. Updates documentation and example app to demonstrate new features.

Author: mCodex

README.md

@@ -10,12 +10,12 @@
   },
   "dependencies": {
     "@expo/metro-runtime": "~6.1.2",
-    "expo": "~54.0.16",
+    "expo": "^54.0.17",
     "expo-status-bar": "~3.0.8",
     "react": "19.1.0",
     "react-dom": "19.1.0",
     "react-native": "0.81.4",
-    "react-native-safe-area-context": "^5.6.0",
+    "react-native-safe-area-context": "^5.6.1",
     "react-native-web": "~0.21.2"
   },
   "private": true,

example/package.json

@@ -16,6 +16,7 @@ type ButtonConfig = {
   label: string;
   type: ToastType;
   persistent?: boolean;
+  customFontSize?: boolean;
 };
 
 type ToggleOption<T> = {
@@ -28,6 +29,7 @@ const BUTTONS: ButtonConfig[] = [
   { label: 'Warning toast', type: 'warning' },
   { label: 'Info toast', type: 'info' },
   { label: 'Error toast', type: 'error' },
+  { label: 'Large Font Toast', type: 'success', customFontSize: true },
   { label: 'Persistent toast', type: 'info', persistent: true },
 ];
 
@@ -80,6 +82,17 @@ const ToastDemo: React.FC = () => {
         return;
       }
 
+      if (config.customFontSize) {
+        addToast({
+          type: config.type,
+          title: 'Custom Font Sizes',
+          message: 'This toast uses larger fonts for emphasis.',
+          titleFontSize: 20,
+          messageFontSize: 18,
+        });
+        return;
+      }
+
       addToast({
         type: config.type,
         title: config.type.toUpperCase(),
@@ -191,6 +204,14 @@ const ToastDemo: React.FC = () => {
               keyboard when needed.
             </Text>
           </View>
+
+          <View style={styles.tipBanner}>
+            <Text style={styles.tipEmoji}>🎨</Text>
+            <Text style={styles.tipText}>
+              Try the "Large Font Toast" button to see per-toast font size
+              customization!
+            </Text>
+          </View>
         </View>
 
         <Text style={styles.helper}>Tap any button to trigger a toast.</Text>
@@ -360,7 +381,15 @@ const styles = StyleSheet.create({
 });
 
 const App: React.FC = () => (
-  <ToastProvider>
+  <ToastProvider
+    initialConfig={{
+      font: {
+        // Customize font sizes globally (optional)
+        titleFontSize: 17,
+        messageFontSize: 14,
+      },
+    }}
+  >
     <ToastDemo />
   </ToastProvider>
 );

example/src/App.tsx

@@ -68,7 +68,7 @@
     "@react-native/babel-preset": "0.82.1",
     "@react-native/eslint-config": "^0.82.1",
     "@release-it/conventional-changelog": "^10.0.1",
-    "@testing-library/react-native": "^12.5.2",
+    "@testing-library/react-native": "^13.3.3",
     "@types/jest": "^30.0.0",
     "@types/react": "^19.2.2",
     "babel-plugin-react-compiler": "^1.0.0",
@@ -79,11 +79,11 @@
     "eslint-plugin-prettier": "^5.5.4",
     "jest": "^30.2.0",
     "prettier": "^3.6.2",
-    "react": "19.1.0",
+    "react": "19.1.1",
     "react-native": "0.82.1",
     "react-native-builder-bob": "^0.40.13",
-    "react-native-safe-area-context": "^4.12.5",
-    "react-test-renderer": "19.1.0",
+    "react-native-safe-area-context": "^5.6.1",
+    "react-test-renderer": "19.1.1",
     "release-it": "^19.0.5",
     "typescript": "^5.9.3"
   },