ShenYj / VoiceOverDesigner

macOS app to help design accessibility for an iOS app

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

VoiceOverDesigner

Screenshot of the application

Beta-test

Design accessibility features for your iOS app with VoiceOver Designer, a macOS app that offers a range of design tools and generates specifications for developers. Preview your work on an iPhone with the companion app, VoiceOver Preview.

  1. Design The VoiceOver Designer app for macOS gives designers all possible instruments to lay out accessibility features on their mockups, teaches them what developers can and cannot do with accessibility, and creates specifications to hand over to developers. They can hear the result of their work on an iPhone via a little companion iPhone app called VoiceOver Preview.

Integrating it directly into Figma feels natural but can be done later.

  1. Development

Developers get the instructions in the form of a VoiceOver Designer document from designers, read them and understand what accessibility features designers want them to implement.

  1. Unit testing (in future releases)

The app generates test cases for automatic accessibility testing. In general, we can start from AccessibilitySnapshot, but use it differently: instead of performing image comparisons, we can create and compare textual representations of accessible elements. I'll elaborate on this idea on a different topic, as it's not the goal of the first release.

image

How to learn VoiceOver

  1. Understand VoiceOver navigation
  2. Check samples (Can be open by Preview app)

What's next

About

macOS app to help design accessibility for an iOS app


Languages

Language:Swift 100.0%