• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
Exit
0

Adobe color - Accessibility tool

New Here ,
Jun 21, 2022 Jun 21, 2022

Copy link to clipboard

Copied

Hi! I am doing a color profile for a website and two of the colors I am using won't pass the accessibility function (AA). Is it against web standards/rules to use it anyways?

We have an alternative color combination, that gets approved, but to us the contrast is more difficult to see than the off-white alternative which won't be approved. How does this work?

Kind regards

Skärmavbild 2022-06-21 kl. 15.06.31.png

Skärmavbild 2022-06-21 kl. 11.33.47.png

Skärmavbild 2022-06-21 kl. 11.34.33.png

Views

196

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Jun 21, 2022 Jun 21, 2022

Copy link to clipboard

Copied

It's not against Web standards, just against best practices.  What the tool is telling you is that on some devices or a device your chosen color(s) will not reproduce as intended.  You can change your design to fit perfectly or just go with it, your choice. 

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Employee ,
Jun 22, 2022 Jun 22, 2022

Copy link to clipboard

Copied

When you check contrast ratio of 2 colors, there are some suggestions shown in right side panel (please see image below). you can select another set of colors which are compliant (and closest to your colors), if that works for you?

if your audience includes color blind users, then you should use compliant colors, else it should not be that critical.

Screenshot 2022-06-22 at 2.53.36 PM.png

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Jun 22, 2022 Jun 22, 2022

Copy link to clipboard

Copied

LATEST

Remember that the Web Content Accessibility Guidelines https://www.w3.org/WAI/WCAG21/Understanding/contrast-minimum.html says that "regular text" should have a minimum contrast ratio of 4.5 to 1 and "Large Text" 3 to 1. When you are using brand colors that do not meet the standard you really have three choices. 

1. Modify the color slightly to pull it into compliance (a shade darker or lighter)

2. Choose a different background color while keeping the foreground color on brand

3. Decide that staying on brand is the priority over maximizing accessibility for people with low vision or colorblindness.

 

While conforming to WCAG is what I would suggest, sometimes the uphill battle with corporate branding departments can be exhaustive. All you can do is provide them options, explain the importance and let them give you direction on the approved solution. But the more options/alternatives you can give, the more likely they will adopt accessibility.

 

Good Luck

 

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines