Accessibility in SwiftUI: Designing for VoiceOver, Dynamic Text & More

Learn how you can make your SwiftUI designs more accessible by improving some parts of our Apple Mail recreation. In this video, we'll cover modifiers such as the Accessibility Sort Priority, Label, Hidden, Element, and Add Traits, along with tools that you can use in Judo to see how your designs will respond to different user accessibility settings.

To follow along with this tutorial, download the starter Judo file: https://docs.judo.app/en/articles/937...

➡️ Download the Judo Mac or mobile app: https://apps.apple.com/ca/app/judo-de...

❓ If you have any questions, please don't hesitate to add a comment below, or ask away in our community: https://community.judo.app/c/help/

Thanks for watching! As always, please don't forget to like and subscribe 🙌

⏱️ Time Stamps
0:57 How to send your file to the Judo iOS app for accessibility testing
01:14 VoiceOver basics
02:09 When to use the Accessibility Sort Priority modifier
02:52 How to apply the Accessibility Sort Priority modifier
04:01 When to use the Accessibility Label modifier
04:22 How to apply the Accessibility Label modifier
05:21 When to use the Accessibility Hidden modifier
05:49 How to apply the Accessibility Hidden modifier
06:38 When to use the Accessibility Element modifier
07:12 How to apply the Accessibility Element modifier
07:54 Accessibility Traits overview
08:15 How to apply the Accessibility Add Traits modifier
08:46 VoiceOver rotor overview
09:12 How to preview different accessibility text sizes in Judo
09:37 How to preview different accessibility text sizes at the same time in Judo
10:09 How to use the Line Limit modifier
10:30 How to use the Layout Priority modifier
10:59 How to use the Minimum Scale Factor modifier
11:18 Increased Contrast overview
11:32 How to preview your designs with Increased Contrast in Judo

🧑‍💻 Judo on the Web
X:   / judoapp  
LinkedIn:   / judoapp  
Website: https://www.judo.app
Mastodon: https://mastodon.social/@judoapp