[a11y]: color contrast is less than the WCAG AA minimum requirements

Description

When running yarn test:a11y multiple stories are recieving an example of the following contrast error:

Example output of all accessibility errors: https://github.com/carbon-design-system/carbon-for-ibm-dotcom/runs/4779749308?check_suite_focus=true#step:7:2065

Component(s) impacted

• Callout Quote
  • <dds-quote-source-heading>
  • <dds-quote-source-copy>
  • <dds-callout-link-with-icon>
• Callout with Media
  • <dds-content-block-heading>
  • <dds-callout-with-media-copy>
• Dotcom shell (all)
  • <dds-content-block-heading>
  • <dds-callout-quote>
  • <dds-quote-source-heading>
  • <dds-quote-source-copy>
  • <dds-quote-source-bottom-copy>
  • <dds-callout-link-with-icon>

Browser

No response

Carbon for IBM.com version

Canary

Severity

Severity 3 = The problem is visible or noticeable to users but does not impede the usability or functionality. Affects minor functionality, has a workaround.

Application/website

Carbon for IBM.com web components

Package

@carbon/ibmdotcom-web-components

CodeSandbox example

https://github.com/carbon-design-system/carbon-for-ibm-dotcom/runs/4779749308?check_suite_focus=true#step:7:2065

Steps to reproduce the issue (if applicable)

View the actions tab and look under Run a11y compliance tests for web components

To run locally go to packages/web-components and yarn test:a11y

Release date (if applicable)

No response

Code of Conduct

• I agree to follow this project’s Code of Conduct
• I checked the current issues for duplicate issues

[ariellalgilmore]

Issue opened in the Equal Access Toolkit here: https://github.com/IBMa/equal-access/issues/687

[oliviaflory]

@proeung I need to take a further look on this one, going to assign myself so I don’t lost it for now!