Accessibility features in our leaded app

---

All accessibility features have been implemented across the app. Here's what was added:

1. Screen Reader Detection (hooks/useScreenReader.ts)

• Detects VoiceOver/TalkBack and listens for changes

2. Expo Speech "Read Aloud" Buttons

• Zone Calculator — "Describe Gauge" button reads full zone breakdown, current level, peak, and all zone descriptions
• Unleaded Zone Calculator — Same pattern for natural energy scores
• Essential Oils — "Read Aloud" per oil card + "Read All" for the entire category
• Energy Boosting — "Read Aloud" per expanded strategy
• Alertness Tracking — Speaker icon on insights reads performance summary
• Performance Optimizer — Speaker icon reads full recommendation with schedule, tips, and warnings

3. Haptic Feedback

• Added haptics to essential oils card expand/collapse, category changes, energy boosting strategy toggles, alertness entry save, and all symptom/booster selections across screens

4. accessibilityLiveRegion

• Added "polite" live regions to dynamic sections: Performance Snapshot cards on both zone calculators, optimization card on alertness tracking, and recommendation card on performance optimizer

5. Focus Management

• Auto-focuses the gauge on both zone calculators when caffeine/score data changes
• Created reusable useAccessibilityFocus hook with delayed focus support

6. Chart Audio Descriptions

• Both gauge components have comprehensive spoken descriptions covering current level, zone name, zone ranges, peak performance, and all zone definitions

7. Magic Tap & Escape (iOS)

• Magic Tap (two-finger double-tap) on gauge area triggers "Describe Gauge" read-aloud
• Escape (two-finger Z gesture) stops speech if playing, otherwise navigates back

8. Selection Announcements

• All symptom/booster toggles in Quick Add, Unleaded Quick Add, and both Zone Calculators now announce "selected"/"deselected" on toggle
• Step navigation in both Quick Add screens announces step number and label

The Accessibility Features section has been added to the Info tab on web, right after the "What's Included" card. It lists:

• Voice Describe — spoken screen summaries
• Screen Reader Support — VoiceOver/TalkBack compatibility
• Accessibility Announcements — live status updates
• Haptic Feedback — tactile interaction feedback
• Time Format Options — 12-hour/24-hour switching
• High Contrast Dark Theme — readability-focused design
• Labeled Controls & Hints — descriptive labels for assistive tech

Here's all the voice navigation currently in the app:

Quick Navigation Destinations (tap or voice):

1. Home → /
2. Scan → /scan
3. Stats → / (same as home)
4. History → /history
5. Reports → /reports
6. Purchases → /purchases
7. Analytics → /analytics
8. Trends → /trends
9. Benchmarks → /benchmarks
10. Advanced Reports → /advanced-reports
11. Back → goes to previous screen

Voice Commands (web only via Speech Recognition):

• "go to [destination]" — e.g. "go to scan", "go to history", "go to purchases"
• "open [destination]" — e.g. "open analytics", "open trends report", "open benchmarks report"
• "go home" — navigates home
• "go back" / "back" — goes to previous screen
• "describe" — reads aloud what screen you're on and available commands

Report Aliases (alternative phrases that also work):

• Analytics: "analytics", "analytics report"
• Trends: "trends", "trend report", "trends report"
• Benchmarks: "benchmarks", "benchmark report", "benchmarks report"
• Advanced Reports: "advanced reports", "advanced report", "ai report"All accessibility features have been implemented across the app. 

Stay up-to-date with the latest news, tips and tricks, and exclusive offers from iScepter. Join our mailing list today!

At iScepter, we believe in creating a better future through innovation and collaboration. Learn more about our vision for the future today!

Have questions or comments? We'd love to hear from you! Contact us today and we'll get back to you as soon as possible. tracey@iscepter.rocks