Day 16

3 Jun 2022

Two more examples on better accessibility labels for abbreviations. "4 days ago" is better than "4 D", with a RelativeDateTimeFormatter and a spellOut units style. "Monday" is better than "Mon", accessing the weekdaySymbols from a Calendar.

Apple Watch drawing showing the example from the tweet. Code showing how you can get a readable version for VoiceOver by using a RelativeDateFormatter with a spell out unit style and the weekdaySymbols array from a calendar.

Some useful links:

Relative Date Time Formatter: https://developer.apple.com/documentation/foundation/relativedatetimeformatter

Units Style: https://developer.apple.com/documentation/foundation/relativedatetimeformatter/unitsstyle-swift.enum/spellout

Weekday symbols: https://developer.apple.com/documentation/foundation/calendar/weekdaysymbols

You may also find interesting...

Day 107

Grouping elements with .accessibility(children: .combine) doesn't always generate the best accessibility label. Comma-separating labels might sometimes not be ideal. But you can improve it by tweaking the labels/grouping of its children first.

Day 57

Color contrast between text and background is very important for perceivability. As colors come closer to each other, they’re more difficult to distinguish. Notice that colors that work well with big font sizes may not for smaller text.

Day 206

Toggles or UISwitches are often found separated from the label that precedes (and describes) them; with an unclear label; missing a value, trait, or hint; or even not being actionable at all.

Accessibility a11y

← Day 17

Day 15 →