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 Step-by-step guide for web and native annotations Landmarks—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) 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.
Include – Accessibility Annotations
无障碍 · 1,327 likes
Create a11y annotations including landmarks, headings, alt text, reading order, contrast, and more
Related plugins
- Stark - Contrast & Accessibility Checker
Fix Color Contrast and Typography issues and add WCAG annotations for a smooth design to dev handoff
- Contrast
Quickly check and scan for contrast issues on gradients, images, blends, and fills.
- Color Palettes ( Colorsinspo ) : Color & Accessibility Tools
A free suite of integrated Color & Accessibility tools - 10+ tools free access 🔥
- A11y - Color Contrast Checker
Text color accessibility
- Color Designer
- Vectorized (PNG to SVG)
Convert bitmap-type images into vector graphics