Voiceover Guide
PayOff Pro is designed to work seamlessly with VoiceOver.
This guide provides a quick overview of PayOff Pro's accessibility features. VoiceOver users learn best by doing—this is a brief reference, not a comprehensive walkthrough.
PayOff Pro Works with VoiceOver
PayOff Pro achieves 95% WCAG 2.2 Level AA compliance and has been extensively tested with VoiceOver.
What's accessible:
Complete Dashboard navigation (all cards, all metrics)
Full Payment Schedule table access
Extra payment entry and editing
What-If scenario creation and comparison
Milestone achievement tracking
Analytics charts (meaningful labels and values)
Settings and all configuration screens
Every interactive element is labeled. Every data point is announced clearly. Every action provides feedback.
Quick Start with VoiceOver
Enabling VoiceOver on iOS
Settings → Accessibility → VoiceOver → Toggle On
Triple-click shortcut: Settings → Accessibility → Accessibility Shortcut → Select VoiceOver
Now triple-click the side button to toggle VoiceOver on/off.
Basic VoiceOver Gestures
Navigate:
Swipe right: Next element
Swipe left: Previous element
Two-finger swipe up: Read all from current position
Two-finger swipe down: Read all from top
Activate:
Double-tap: Select/activate current element
Double-tap and hold: Long press (for context actions)
Dismiss:
Two-finger scrub (Z-shape): Go back, dismiss alerts
Rotor:
Rotate two fingers: Change navigation mode (headings, links, form controls)
Dashboard Navigation
Main cards overview
Four main cards:
Loan Balance Card → Current balance, next payment, principal paid
Monthly Payment Card → Required payment breakdown
Principal Progress Card → Percentage paid, milestone progress
Simplified Milestone Card → Current achievement level
VoiceOver announces:
Card titles as headings
All dollar amounts with proper formatting
Percentages and progress indicators
"View Details" buttons for each card
Navigation tip: Use rotor set to "Headings" to jump between cards quickly.
Screenshot Placeholder
Dashboard with VoiceOver focus indicator highlighting the Loan Balance card
Image: voiceover-dashboard-navigation.png - Coming soon
Alt text: "PayOff Pro Dashboard with VoiceOver black focus rectangle around Loan Balance card showing 'Current Balance: $205,750' with VoiceOver speaking this content"
Payment Schedule Table
Accessible table navigation:
Each row is a payment entry
Columns: Payment number, date, amount, principal, interest, balance
VoiceOver reads row-by-row or cell-by-cell
Example announcement: "Payment 93, November 2025. Payment amount: $2,175.98. Principal: $849.23. Interest: $1,326.75. Remaining balance: $204,900.77."
Tip: Use VoiceOver's table navigation commands (rotor → Table) to navigate by column or row.
Extra Payments
What-If Scenarios
Milestones
Achievement tracking:
Each milestone badge includes:
Milestone level: "25% paid milestone"
Status: "Achieved on January 15, 2024" or "Not yet achieved, 12% remaining"
Visual state announced: "Unlocked" or "Locked"
Progress announcements: VoiceOver reads progress bars with percentages: "Milestone progress, 37.5%."
Analytics
Charts are accessible through data labels:
VoiceOver announces chart values even when visual representations aren't perceivable:
"Baseline interest: $404,351. Optimized interest: $316,901. Savings: $87,450."
"Debt-free countdown: 8,687 days, 23.8 years. Target date: August 2048."
"Principal reduction trend: Balance decreased from $378,000 to $205,750 over 7 years."
No visual-only information. Every insight is conveyed through clear text labels.
Input Fields
All input fields include:
Clear labels: "Current balance, text field, required"
Format hints: "Enter as dollar amount, for example, 205750"
Validation feedback: "Invalid format. Please enter numbers only."
Success confirmation: "Balance updated to $205,750"
Currency fields: VoiceOver reads dollar amounts properly: "$205,750" announced as "two hundred five thousand, seven hundred fifty dollars."
Buttons and Actions
Every button is labeled descriptively:
"View Payment Schedule" (not just "View")
"Add Extra Payment" (not just "Add")
"Calculate What-If Scenario" (not just "Calculate")
Action feedback: Double-tap confirmation announced: "Navigating to Payment Schedule" or "Extra payment saved."
Settings
Full VoiceOver support for:
Currency selection
Notification preferences
Export options
App theme (though interface remains consistently accessible regardless of theme)
Settings navigation: Use headings rotor for quick section jumping.
Getting Help
Accessibility Features Summary
Learn by Exploring
VoiceOver is best learned through use.
PayOff Pro is designed so you can explore confidently:
No destructive actions without confirmation
Consistent navigation patterns across all screens
Clear feedback for every interaction
Undo available for data entry mistakes
Start with the Dashboard. Swipe through the cards. Double-tap "View Details" buttons. Explore the tabs. PayOff Pro's accessible design will guide you.
Technical Notes
Testing environment:
iPhone 15 Pro, iOS 18.4
VoiceOver latest version
All accessibility features tested and verified
Continuous testing with VoiceOver enabled throughout development
Standards compliance:
WCAG 2.2 Level AA: 95% compliance
iOS Accessibility Guidelines: Full compliance
Regular accessibility audits with iOS Accessibility Inspector
Related Resources
Apple's VoiceOver Guide https://support.apple.com/guide/iphone/turn-on-and-practice-voiceover-iph3e2e415f/ios
PayOff Pro Documentation All PayOff Pro guides (Features, How-To, FAQ) are accessible and VoiceOver-friendly.
Feedback Welcome PayOff Pro's accessibility is continuously improving. Report issues or suggestions through in-app support.
Last Updated: 2025-10-16 Guide Version: 1.0 App Version: PayOff Pro v1.0
Last updated