eBay have created a plug-in that makes it easy to include accessibility in a website design right from the start, and made it available for free. The new Include Figma plug-in could be considered as essential for all brands and retailers when specifying future new websites.
For several years, eBay have been headline sponsor for Purple Tuesday, a global social movement for improving the customer experience for disabled people and their families, helping to raise awareness and establish the case for brands and retailers to include accessibility from the start of the design process, not as an afterthought. This new plugin takes their campaigning from awareness to enablement.
There is sometimes a fundamental gap between the engineering and design teams when creating a new product. Designers want their work to be accessible, but many of the available tools are cumbersome, confusing, and come with processes that aren’t well-defined. This can lead to designers delivering their work to engineers without fully baked accessibility, which in turn leads to developers having to shoehorn accessibility in at a later stage than would be ideal — or, unfortunately, being unaware of the need to include it at all.
– Dan Nosowitz, eBay Tech Blog
eBay’s Core Accessibility, Design, and Design Tech teams worked to craft a new plug-in for Figma, the popular web-based design tool. The plug-in is called Include, and its goal is to make accessibility annotation easy, smooth, and simple, to ensure that accessibility is a core part of the design experience, rather than something crammed in (and then bug-fixed) later.
Include enables a designer to selects a frame for annotations, and then the plug-in presents a list of tactical steps to ensure that their design is available to all. It guides the designer through all those steps, which can be done in any order, explaining the reasoning for each suggestion throughout. For example, Include will create a list of images that the designer used in a mockup. If the designer marks an image as informative, the plugin will prompt them to include alt text — a catch that makes sure that screen readers can describe the image.
There are all sorts of additions to the plug-in that help to complete the steps. One of those additions: It automatically makes a copy of the design with text enlarged to 200%, so the designer can easily see where text may overflow, or where the design may break. That feature is hugely beneficial for designers to consider how their designs will look for those who enlarge the text on their devices.
Include has been made available to all, on Figma, which is a free service. And the code itself is open-source, available on Github for all to use. eBay’s Dan Nosowitz sums up their commitment to accessibility saying “How could we create an accessibility tool and not make it accessible to everyone?”