New and returning users may sign in

We're glad you're here

Please sign in to leave feedback

Signed in as (Sign out)
Close
Close
← Adobe XD: Feature Requests

Request details

Feedback

Adobe XD: Feature Requests: 01 : Design mode

Categories

  • CATEGORIES
  • All ideas
  • My feedback
  • 01 : Design mode 1351 ideas
  • 02 : Prototype mode 368 ideas
  • 03: Share mode 47 ideas
  • 04 : Sharing on the web 212 ideas
  • 05 : Asset exporting 157 ideas
  • 06 : Extensibility 37 ideas
  • 07 : Integration with other tools 120 ideas
  • 08 : Mobile (iOS) 24 ideas
  • 09 : Mobile (Android) 18 ideas
  • 10: Developer Handoff 137 ideas
  • 11: Plugins 134 ideas
  • Other 102 ideas

(thinking…)
  • Searching…

    No results.

    Clear search results
    • Adobe XD: Feature Requests 2,833 ideas

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.

  •  
    Screenshot 2021-02-10 at 17.47.20.png 1407 KB
  •  
    Captura-de-Tela-2018-07-26-às-11.12.53ZOOM.gif 116 KB
  •  
    photoshop.PNG 24 KB
184 votes

We're glad you're here

Please sign in to leave feedback

Signed in as (Sign out)
Close
Close

We’ll send you updates on this idea

Bill Strahlend shared this idea  ·  Mar 22, 2016  ·  Flag idea as inappropriate…  ·  Delete…  ·  Admin →

How important is this to you?

We're glad you're here

Please sign in to leave feedback

Signed in as (Sign out)
Close
Close
AdminElaine (Adobe) (Product Manager, Adobe) responded  ·  Nov 9, 2018

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!

Tweet
  • Remove
Attach a File

We're glad you're here

Please sign in to leave feedback

Signed in as (Sign out)
Close
Close
Submitting...
An error occurred while saving the comment
  • Vlad Iepure commented  ·  February 10, 2021 8:47 AM  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    Please include an in-app WCAG Contrast Checker—very much needed in order to be web compliant these days. See Webflow example (attached screenshot).

    Thanks

    Submitting...
  • Anonymous commented  ·  May 20, 2020 1:59 PM  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    A plugin to test our designs for all accessibility measures. Like in Sketch.

    Submitting...
  • Mahmod Issa commented  ·  December 23, 2019 5:33 AM  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    Stark integrated in XD. http://www.getstark.co

    Submitting...
  • Maiquei Prote commented  ·  November 18, 2019 5:40 AM  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    Gostaria muito de ver integrado ao XD uma ferramenta que verifica se as cores aplicadas ao projeto estão em conformidade com as limitações de pessoas daltônicas, assim como este exemplo:

    https://apps.apple.com/us/app/sim-daltonism/id693112260?mt=12

    Submitting...
    •  
      Daltonism.png 4091 KB
  • Mileine Siqueira commented  ·  December 18, 2018 1:25 PM  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    i hope this be implemented very soon.

    Submitting...
  • Maria Julia Guimaraes commented  ·  November 9, 2018 1:07 PM  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    I saw recently and installed this plugin, called Stark. It's a good start, it's helpful.

    Submitting...
  • Pavel Cerny commented  ·  October 4, 2018 6:26 AM  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

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

    Submitting...
  • Pavel Cerny commented  ·  October 2, 2018 8:47 AM  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    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.

    Submitting...
  • Pieter Delbeke commented  ·  September 10, 2018 1:18 AM  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    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!

    Submitting...
  • Ryan D commented  ·  June 25, 2018 8:53 AM  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    Here is a Sketch Plugin that does this. Would be nice to not have to exit the application to know the level of compliance.

    https://github.com/getflourish/Sketch-Color-Contrast-Analyser

    Submitting...
  • Maria Julia Guimaraes commented  ·  May 10, 2018 7:07 AM  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    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.

    Submitting...
  • lesleys commented  ·  March 1, 2018 5:34 AM  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    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.

    Submitting...
  • Bruno Alves commented  ·  February 16, 2018 9:48 AM  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    I am looking for an easy solution inside Adobe XD as well. Today I need to use color contrast checker like https://webaim.org/resources/contrastchecker/

    Submitting...
  • Jennifer Hauschild commented  ·  December 20, 2017 6:31 PM  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    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.

    Submitting...
  • Tess commented  ·  November 2, 2017 1:50 PM  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

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

    Submitting...
  • Dave Nelson commented  ·  October 23, 2017 10:44 AM  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    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.

    Submitting...
  • Anonymous commented  ·  July 11, 2017 8:24 AM  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

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

    Submitting...
  • Pieter DK commented  ·  June 26, 2017 6:52 AM  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    Would be great to have Stark integrated in XD.
    http://www.getstark.co

    Submitting...
  • Mike Chambers commented  ·  December 15, 2016 10:21 AM  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    More info here: https://www.w3.org/WAI/intro/wcag

    Submitting...
  • Mike Chambers commented  ·  December 15, 2016 10:19 AM  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    Provide accessibility contrast information (A, AA, AAA) for text from design view within Adobe XD.

    For an example, see:
    http://jxnblk.com/colorable/demos/text/?background=%23000000&foreground=%23FFFFFF

    This is useful / required when building applications that must meet corporate and / or accessibility requirements about minimum contrast for text.

    Submitting...
← Previous 1 2 Next →

Adobe XD Feedback : Feature Requests & Bugs · UserVoice Terms of Service & Privacy Policy · Adobe Terms of Use · Adobe Privacy Policy