[Cart] Vendor text features insufficient color contrast

[svinkle]

Issue summary

The Vendor text features insufficient color contrast. The color is:

• Foreground: #838383
• Background: #ffffff
• Contrast ratio: 3.79:1

Screenshots

Current code

HTML

<p class="caption-with-letter-spacing light">United By Blue</p>

CSS

light {
  opacity: .7;
}

Steps to reproduce

1. Go to a Dawn store with any supported browser
2. Add an item to the cart and proceed to the cart page
3. Check the color contrast of the Vendor text.

Behavior

Expected

• Color contrast to meet AA requirements.

Actual

• Color contrast does not meet AA requirements.

Recommendation

HTML structure…

Adjust the value of the opacity property from .7 to .8 to increase the color contrast.

Recommended code

CSS

light {
  opacity: .8;
}

Specifications

• Dawn Version: 2.0.0
• Browser: Any
• WCAG Principal: Perceivable
• WCAG SC: 1.4.3 Contrast (Minimum)
• Severity: Medium
• Effort: Low