Spark Design System
Toolbox
Helpful tools, plug-ins and links to improve your workflow
Accessibility tools
Testing color contrast
Name | Description | Type | Platform |
---|---|---|---|
Contrast | A quick access to WCAG color contrast ratios. ($6.99) | App | macOS |
Color Contrast Analyser | Helps you determine the color legibility of text, and images of text. | App | macOS, Windows |
Color Contrast Checker | Check color contrast ratios against WCAG requirements. | Web | All |
Simulating disabilities
Name | Description | Type | Platform |
---|---|---|---|
Color Oracle | A color blindness simulator that shows you in real time what people with common color vision impairments will see. | App | Windows, macOS, Linux |
Funkify | Helps you determine the color legibility of text, and images of text. | App | macOS, Windows |
Evaluating web accessibility
Name | Description | Type | Platform |
---|---|---|---|
WAVE | A suite of tools for facilitating web accessibility evaluation by providing a visual representation of accessibility issues within the page. | Web, Browser extension | All, Firefox, Chrome |
aXe | Finds WCAG 2 and Section 508 accessibility defects on websites or web apps, returning zero false positives. | Browser extension | Chrome |
Eslint | Helps you write accessible code by reporting bugs in real-time. | API | React |
NVDA | A free and open source screen reader. | App | Windows |
VoiceOver | An advanced screen reader that supports refreshable braille displays. | OS | macOS, Mac apps |
TalkBack | A screen reader that supports braille displays. It uses spoken word, vibration and other audible feedback to let you know what’s on your screen, what you’re touching, and what actions you can take. | OS | Android devices |
Utility apps
Name | Description | Type | Platform |
---|---|---|---|
ImageOptim | Raster image compression tool. | App | macOS, Windows |
Virtualbox | A free, open-source virtual machine. Ex. run Windows 7 on your Mac. | App | macOS, Windows |