Request details

Color Blindness Compliance/WCAG Accessibility Tools

I would like to see an ON/OFF switch to test for color conflicts with regard to 508 compliance.

This is valuable to me because I design for a large company and we need to make sure that everything tests fine against 508 compliance, which includes color conflicts for color blindness and deficiencies.

112 votes
Sign in
(thinking…)
Sign in with: facebook google
Signed in as (Sign out)

We’ll send you updates on this idea

Bill Strahlend shared this idea  ·   ·  Flag idea as inappropriate…  ·  Admin →
AdminElaine (Adobe) (Product Manager, Adobe) responded  · 

While we still don’t have the tools built right into XD (and so I’m leaving this open), we do have at least one plugin to help with color blindness checking. Please do check out the plugins section of XD to see if one will work for you!

18 comments

Sign in
(thinking…)
Sign in with: facebook google
Signed in as (Sign out)
Submitting...
  • Pavel Cerny commented  ·   ·  Flag as inappropriate

    It can work similarly as the spellchecker. When text is on not-enough-contrasting background underline it with green wave.

  • Pavel Cerny commented  ·   ·  Flag as inappropriate

    It would be amazing to contain a possibility to validate the AA, AAA color compliance.

    Or even integrate this tool http://accessible-colors.com/. This tool recommends, how I can change font color or background color to increase the contrast while maintaining the color tone. Integrate it into XD and users will immediately produce more usable designs.

  • Pieter Delbeke commented  ·   ·  Flag as inappropriate

    This needs to be voted up faster. Manually checking this every single time is so time consuming. And you don't want to send a design to a client where the contrast is off.

    Some designers (and I understand this because its a natural behavior) don't even look at it while working and then it's not confirm to the standards. Changing the colors later on in the workflow is not making your client happy.

    Please look at this adobe!

  • Maria Julia Guimaraes commented  ·   ·  Flag as inappropriate

    I'd like to have in the preview mode a functionality where we can setup proof colors to evaluate colorblindness compliance, following what is already available in other Adobe tools like Photoshop, Illustrator.

  • lesleys commented  ·   ·  Flag as inappropriate

    Build in a manual colour contrast analyzer or better still, have an auto feature that alerts you when a contrast issue is present. Ideally the user would be able to turn it on and off and set the contrast requirement to meet either AA or AAA requirement.

  • Jennifer Hauschild commented  ·   ·  Flag as inappropriate

    Me too! I work for a small advertising agency, and we make sure all of our websites are WebAIM AA level compliant as well as check for color blindness readability.

  • Tess commented  ·   ·  Flag as inappropriate

    I was looking at the option at least to turn on the black & white preview regime instead of using an export and additional software.

  • Dave Nelson commented  ·   ·  Flag as inappropriate

    I would like to see "Audit" feature that would check for contrast and color accessibility guidelines in the entire project along with a way to audit a grouped object.

    It worries me that the demos and example prototypes are full of content that does not meet the WCAG 2.0 AA guidelines for color and contrast.

  • Anonymous commented  ·   ·  Flag as inappropriate

    This would be an amazing feature to have, it would make things very easier on our end

  • Martin Sangolt commented  ·   ·  Flag as inappropriate

    Features that gives the designer feedback on WCAG levels for color contrast, font sizes, etc. would be a great feature.

    (In Norway the law makes it punishable to publish websites if they do not match the testing criteria of the AA WCAG 2.0 Standard).

  • Kevin Lozandier commented  ·   ·  Flag as inappropriate

    I would follow-up with this as not being an on-off switch but a variety of options associated with viewing an XD document with the simulated perspective of people with various kinds of blindness.

Feedback and Knowledge Base