ally

Automate Your A11y Focus Order & Team Status TrackingAlly bridges the gap between design and accessible development. Select any frame and ally instantly analyses your components — assigning screenreader focus order, inferring roles for web, iOS and Android, and flagging interactive elements like buttons, icons and CTAs automatically.

Did ally guess wrong? The plugin allows you to override the guessed assigned order, roles and values easily. You can also add dev notes, such as alternative text keys. Even better: it allows you to set a status for every individual component in the focus order. When you're done, collaborators can update statuses directly on the canvas themselves.

Key Features:

♿️ Accessibility-First Handover: ally analyzes your design and automatically generates a logical screen reader focus order.

🤖 Smart Role Recognition: Common patterns are automatically assigned the correct traits. CTAs or interactive toolbar icons instantly get the 'button' trait, saving you hours of manual tagging.

⌨️ Keyboard Testing Indicators: Automatically highlights elements that are likely interactive, making hardware keyboard testing a breeze.

📝 Seamless Copy & Alt-Text: Easily hand over copy keys or alt texts using the dedicated 'notes' field.

🔄 Collaborative Status Tracking: Use the 'status' toggle to indicate the state of specific copy or elements. The plugin automatically generates a status component on your canvas, allowing anyone to update statuses themselves via a simple component swap.

🌍 Platform-Agnostic Output: Outputs roles for Web, iOS, and Android based on years of real-world screen reader experience, helping you design truly platform-agnostic products.

🛠️ Easy to Override: Machine guessed wrong? No worries. Changing orders, roles, statuses, or adding/removing elements is incredibly intuitive.