Day 108

3 Sep 2022

SwiftUI UIKit accessibilityAdjustableAction adjustable

In UIKit, to create an adjustable component we need to add the adjustable trait and override both accessibilityIncrement() and accessibilityDecrement(). In SwiftUI, everything you need is bundled in the accessibilityAdjustableAction(_:) modifier.

If you create a custom page indicator in SwiftUI, you can make it accessible in SwiftUI by using the .accessibilityAdjustableAction(_: ) modifier. In UIKit, you need three steps instead: add the .adjustable accessibility trait, override accessibilityIncrement(), and override accessibilityDecrement(). The code in SwiftUI is all in one place, the adjustable action modifier provides a closure with the direction of the action. You can use a switch to implement code for each one of the cases, in this case .increment, and .decrement.

You may also find interesting...

Day 44

If an image does not convey additional information, maybe it's just used to make the UI look more attractive, it makes sense for VoiceOver to skip it. UIKit: set isAccessibilityElement to false. SwiftUI: create a decorative image explicitly.

Day 202

With regular buttons from UIKit or SwiftUI, you are all set. With complex views, headings, or table/collection view cells that, when selected, bring the user somewhere else in the app or perform an action, you'll have to add the button trait.

SwiftUI UIKit isSelected

Day 164

With the Accessibility Inspector you can check the value for the most common accessibility attributes for individual elements, do some basic navigation, and even perform actions if the component is adjustable or if it has custom actions.

Accessibility Inspector adjustable iOS

← Day 109

Day 107 →