Day 196

The VoiceOver Rotor and power gestures

30 Nov 2022

Once you learn some basic gestures with VoiceOver, it is very important to master he Rotor. It is very useful to also know some more power user gestures like the Magic Tap or the Escape gesture.

5 gestures from VoiceOver. There is a Twitter app open on the TwitterA11y profile screen. Rotating two fingers on the screen, like rotating a dial, will show you the rotor. In this case, a tweet is focused and VoiceOver will say: “Actions”. Then, you can swipe down to interact with the selected rotor option. VoiceOver will say in this example: “Reply”. Sometimes, you’ll need a double tap to confirm. In this case, doing so will open the screen to reply to that tweet. Back to the first screen, if you double tap with two fingers, that’s called the Magic Tap. It is meant to execute the most important interaction in the screen. In this case it will open the screen to compose a tweet. If you scrub with two fingers, like drawing a Z, it is called the Escape gesture. It should bring the user back to the previous screen. In the example, back to the TwitterA11y profile screen.

Some of you have asked me how you can support what I do. This would really help, and would be hugely appreciated:

  • Find these posts useful? Share them at work, on social media, or with anyone that might find them interesting. Let's spread the word!

  • Check out any of my apps or games: Xarra!, RetroRapid!, or Mestre!.

    • A download and a review go a long way. They're free by default. On the App Store, ratings and reviews really help more people discover them.

    • Finding any of them useful? If so, and if you can afford it, purchasing lifetime access to all features or subscribing lets me buy the coffee that keeps me caffeinated. Caffeine keeps me going to maintain the apps, bring in new features that I hope you'll love, and keep writing.

You may also find interesting...

Meet the rotor. A menu that you activate (and change options) by rotating two fingers on the screen. It lets you select different navigation modes and customizations. Like navigating through headings or changing VoiceOver’s speaking rate.

If you want to update the VoiceOver user frequently about how a component is changing, when focused, you can use the .updatesFrequently accessibility trait. A downloading progress bar, a stock value, or a timer, are some examples.

Images that convey important information should have the .image accessibility trait and provide an alternative text in the accessibility label. "Image" will be added to VoiceOver's utterance and the user will be able to use Image Explorer. Image Explorer is fairly new, introduced just a couple years ago. But if you were appropriately configuring the image trait, users suddenly got this new functionality for free. Isn't that awesome? With VoiceOver on, open Image Explorer by swiping up in an image and double tapping. It lets users find people (with a basic description and positioning in the photo), objects or text in images, using on-device intelligence. It is very cool!


Content © Daniel Devesa Derksen-Staats on Accessibility up to 11! is licensed under CC BY 4.0. License details