About this plugin The A11y - Focus Order plugin lets you add accessibility annotations over your designs for the interactive elements of desktop, website, and mobile applications. You can share these annotations with engineers as part of your design. Accessibility is critical for good design. Making your designs accessible makes them easier to use for everyone. Our plugin addresses a very specific corner of accessibility. As designers, we often think about accessibility visually, in terms of color contrast, type readability, etc. This plugin addresses accessibility for keyboarding and screen reader software. It helps designers and engineers create a plan for how their product will interact with this technology so that screen readers can communicate properly with their users. Annotating the focus/tab order for your designs is critical for accessibility To create websites and applications that are inclusive and accessible to everyone, the designs that you create need to be device independent, which means that anyone can interact with your designs regardless of whether they’re using a mouse, keyboard, touch, gaze, or voice. With this plugin you can Add accessibility annotations over your design Bulk add, remove, reorder, and update your annotations Create multiple annotation sets that can be named and styled with a different color Annotations are stored in a single layer group that can be toggled on/off What’s new in this update Improved accessibility of the UI using Fluent controls. They are clearer, meet contrast requirements, and are keyboard accessible. Added the ability to identify the platform when creating an annotation spec. iOS and Android components are available to use, and the spec will point to the iOS and Material Design pages, respectively. In the UI each spec has an icon to reflect the platform it’s made for. Annotation table reflects the name of each set now. Finally, right? Added a playground file with the tutorial and example UI to try out the plugin. Resolved a number of bugs to improve performance and reliability. It is obviously faster and only redraws what it needs to now instead of redrawing the entire set for every edit, addition or removal. Can now edit the component names and notes directly in the table Learn more about the plugin and accessibility best practices Walk through the tutorial for this plugin. To learn more about accessibility for the web visit w3.org. Check out the WAI-ARIA patterns for the most common elements you’ll use https://www.w3.org/WAI/ARIA/apg/patterns/ . Learn how to write web content that is more accessible to people with disabilities https://www.w3.org/WAI/tips/writing/ . This plugin is brought to you by Microsoft Special thanks to Himanshu Shah and HCL Corp., Clint Covington, Manika Malhotra, David Snow, Jackie Tidwell, Andrea Fowler, Emily McLean, Ben Truelove and most especially our closer, Kelly Gorr.
适用场景
A11y - Focus Order 属于 无障碍 分类，适合希望用清晰结果驱动设计流程的团队。
关键信息
- 分类：无障碍
- 点赞：1,234
- 用户：31,425
- 定价模式：免费
发布者信息
创建者：Eugene Gavriloff。Figma 社区发布者：Eugene Gavriloff。
兼容性与支持
- 支持编辑器：design
- 发布时间：2024年11月22日
- 支持联系方式：designtools@microsoft.com
安装前如何评估
查看 Figma 内最新更新说明，确认示例输出质量，并与下方相关插件做对比。