100 Days of SwiftUI
2026-07-29
Project 15, part 3
Wrap up Accessibility section
Quiz: 12/12
Challenge
- The check out view in Cupcake Corner uses an image and loading spinner that don’t add anything to the UI, so find a way to make the screenreader not read them out.
Added .accessibilityHidden(true) to the AsyncImage
- Fix the list rows in iExpense so they read out the name and value in one single VoiceOver label, and their type in a hint.
I think this will do it, added to the HStack inside the NavigationLink inside the List(expenses) in the ExpensesView
.accessibilityElement()
.accessibilityHint(String(expense.type))
- Do a full accessibility review of Moonshot – what changes do you need to make so that it’s fully accessible?
- Images should be described if they are important, hidden if not.
- labels should be grouped