Creating accessible images right inside design tools

Adee colorblind simulator interface and comparing to views of the original image and the simulated image
Adee accessibility tool, colorblind simulator in Figma

You need to get started early

Adee accessibility tool:

Adee touch target size checker for devices like Large or small touch devices, iPad, Iphone and more.
Adee touch target size checker to test size of buttons and other interactive elements

Adee Alternative Text Generator:

Adee plugin in the Figma environment and selecting image type as informative or decorative
Defining image type in Adee alt text generator
Adee plugin in the Figma environment for a sample png image and decorative type
Adee Alt text for decorative type and PNG/JPG format
Adee plugin in the Figma environment for an informative type of image and png format
Adee Alt text for informative type and PNG/JPG format
Adee plugin in the Figma environment for an icon with SVG format and decorative type
Adee Alt text for decorative type and SVG format
Adee plugin in the Figma environment generating alt text for an informative image type and SVG format
Adee Alt text for informative type and SVG format

Wrapping up

References:

--

--

Computer Science PhD Student at The University of Sydney

Love podcasts or audiobooks? Learn on the go with our new app.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store