Include – Accessibility Annotations

About this plugin

Include is a tool built to make annotating for accessibility (a11y) easier—easier for designers to spec and easier for developers to understand what is required. The intent is to have accessibility considerations included during the design phase of any project, and to help with the designer-developer collaboration. Ultimately creating digital experiences that anybody can use!

Brought to you by members of the accessibility and design teams at eBay. If you have any questions, suggestions, or issues to report, we’d love to hear from you—send us feedback.

To learn how to use Include, please visit our tutorials page.

Features

1. Step-by-step guide for web and native annotations
2. Landmarks—selection from pre-defined categories, intuitive labelling (web)
3. Focus grouping—annotating blocks of content for each swipe (native)
4. Headings—selection from pre-defined set / no levels for native, plugin shows basic errors (web/native)
5. Reading order—guidance and arrow placement (web/native)
6. Touch target—annotating touch targets and checking their size and spacing (web/native)
7. Alternative text—automatic detection of images in a selected frame (web/native)
8. Contrast—automatic detection of text color contrast issues (web/native)
9. Text resizing—guidance for dynamic text and self-check (web/native)
10. Responsive reflow—guidance and basic acknowledgement check (web)
11. Complex gestures—selection from pre-defined categories (native)
12. Color—view your designs simulating different color deficiencies (web/native)

How to use

Select a top-level frame for checking accessibility and simply run the checker. Move between sections, save, and come back at any time.

Plugin Codebase

The code that powers this plugin is published as an open source project on Github. We welcome contributions, questions, and feature requests.