firebase / friendlyeats-web

Apache License 2.0
437 stars 393 forks source link

WCAG 1.4.3: Ensures the contrast between foreground and background colors meets WCAG 2 AA contrast ratio thresholds (.product-cols__subheading.no-link) #218

Open A11Ybot-OP opened 2 years ago

A11Ybot-OP commented 2 years ago

Issue

Ensures the contrast between foreground and background colors meets WCAG 2 AA contrast ratio thresholds (color-contrast)

Target application

Firebase

Element path

.product-colscol:nth-child(1) > .product-colsheader > .product-cols__subheading.no-link

Snippet

<p class="product-cols__subheading no-link">Accelerate app development with fully managed backend infrastructure </p>

How to fix

Fix any of the following:
  Element has insufficient color contrast of 4.37 (foreground color: #757575, background color: #f8f9fa, font size: 13.5pt (18px), font weight: normal). Expected contrast ratio of 4.5:1

Environment

Chrome version 98.0.4758.102

A11Ybot-OP commented 2 years ago

there are 17 other similar colour-contrast issues