Include – Accessibility Annotations

Include is a tool built to make annotating for accessibility (a11y) easier—easier for designers to spec requirements and easier for developers to understand and implement them. The intent is to have accessibility considerations included from the design phase through implementation, 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.

FeaturesStep-by-step guide for web and native annotationsLandmarks—selection from pre-defined categories, intuitive labelling (web)Focus grouping—annotating blocks of content for each swipe (native)Headings—selection from pre-defined set / no levels for native, plugin shows basic errors (web/native)Reading order—guidance and arrow placement (web/native)Touch target—annotating touch targets and checking their size and spacing (web/native)Alternative text—automatic detection of images in a selected frame (web/native)Contrast—automatic detection of text color contrast issues (web/native)Text resizing—guidance for dynamic text and self-check (web/native)Responsive reflow—guidance and basic acknowledgement check (web)Complex gestures—selection from pre-defined categories (native)Color—view your designs simulating different color deficiencies (web/native)Dev Mode—review annotations with implementation and testing guidanceHow to useDesign Mode: Select a top-level frame for checking accessibility and simply run the checker. Move between sections, save, and come back at any time.

Dev Mode: Open Include to review existing accessibility annotations and get implementation and testing guidance.

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