Inclusivity 4+

Accessible Color Palettes

Ryan Ferrell

    • 4.5 • 4 Ratings
    • Free

Screenshots

Description

Make accessible app color palettes without the tedium of manual testing.

Your edits get WCAG color contrast tested instantly with simulated color blindness (Machado et al). Transparency is layered for you. Tests appear in summarized grids by appearance (e.g., dark or Apple TV). Drill-down to solve problems or get suggested fixes.

UI mockups — More easily find that text–background combos and visualize chart colors
Batch edits — Apply similar changes to multiple colors (e.g., invert, desaturate 10%)
Import/export — Xcode asset catalogs, Swift, hex, raw triplets, macOS color lists, or use a batch mouse picker
Peer-reviewed color maps — Nearly 70 accessible schemes by scientists for vary data types (e.g., cyclical)
Gradient builder — Generate smooth color ramps using color theory and a perceptual color space
Snapshots — See before/afters or create branches in your document

What’s WCAG? — Apple recommends developers follow the Web Content Accessibility Guidelines for interfaces. A few requirements relate to ensuring text and meaningful UI elements are legible for people with low to moderate visual acuity or color blindness. To get a feel for WCAG’s definition of a contrast ratio, you might enjoy my other app, WCAG Shades, that strips your camera of any pixels failing a WCAG test.

What’s New

Version 1.2

Supports new system colors in iOS 15 and macOS 12

Ratings and Reviews

4.5 out of 5
4 Ratings

4 Ratings

z.fbx ,

I want it to be better

Buggy, slow, tedious, and confusing... and yet I love the concept and really wish it were better. This needs more users to provide feedback so the developer can fine-tune the user experience.

I'll start: I experienced a crash when collapsing/expanding the colors in the sidebar. The interface is a little laggy at times, especially when navigating between different pages. It's very tedious to create new color sets manually. I'm not sure what some of the buttons do and navigation is slightly different in some sections which is confusing. I was unable to import a screenshot into the mockups and don't see any hints into how to use it. Creating pallettes is cool, but tagging is odd, and I don't know when I should use "Meaningful" vs "Exempt".

Developer Response ,

Howdy. I'm glad you share a passion for this topic. The app is a solo passion project of mine and definitely there's opportunity to refine UX as I lack a design partner. I'd relish a chance to chat with you (ryan@inclusivityapp.com), particularly to diagnose that sidebar crash and what led up to laggy navigation, as I'm unable to replicate locally and don't have a related crash log. As for meaningful vs. exempt, yeah, there should be a tip about this jargon. It's referring to the WCAG contrast standard about a color's role in UI (e.g., representing a button state vs. an inactive state, which doesn't fall under the guidelines).

App Privacy

The developer, Ryan Ferrell, indicated that the app’s privacy practices may include handling of data as described below. For more information, see the developer’s privacy policy.

Data Not Collected

The developer does not collect any data from this app.

Privacy practices may vary, for example, based on the features you use or your age. Learn More

More By This Developer