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

Open
#218 1 comment 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Assessment

Difficulty
2/5
Estimated time
1-3 hours
Newbie friendliness
35/100
Issue type
Bug
Clarity
Mostly clear
Activity status
Stale
Tech stack
css, html
Domain
accessibility

Research direction

Locate the .product-cols__subheading.no-link element identified in the issue and inspect the styles applied to it on the Firebase target page. Run a WCAG color-contrast check against its foreground and background colors; done means the normal 18px text reaches the expected 4.5:1 ratio.

Written by the indexing model from the issue text.

Description

Issue

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

Target application

Firebase

Element path

.product-cols__col:nth-child(1) > .product-cols__header > .product-cols__subheading.no-link

Snippet

`

Accelerate app development with fully managed backend infrastructure

` #### 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
Dominant language
JavaScript
Stars
597
Forks
456
No merged PRs in 30d

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

More from firebase/friendlyeats-web

All issues in firebase/friendlyeats-web

Similar issues

More JavaScript issues

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.