knative / knative/ux

Title: WCAG 1.4.3: Ensures the contrast between foreground and background colors meets WCAG 2 AA contrast ratio thresholds

Open
#63 1 comment 0 reactions 0 assignees View on GitHub
Dominant language
No language data
Stars
13
Forks
23
PR merge metrics
No merged PRs in 30d

Description

Tags: Accessibility, WCAG 1.4.3, color-contrast

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

Target application: Home - Knative - https://knative.dev/docs/

Element path: .md-header__topic:nth-child(1) > .md-ellipsis

Snippet: Knative

How to fix:
Fix any of the following:
Element has insufficient color contrast of 4.35 (foreground color: #ffffff, background color: #1a7dc9, font size: 13.5pt (18px), font weight: normal). Expected contrast ratio of 4.5:1

Environment: Chrome version 97.0.4692.99

Contributor guide

Open the contributing guide

Research direction

Open the Knative documentation home page in Chrome and inspect .md-header__topic:nth-child(1) > .md-ellipsis, which contains “Knative.” Run an accessibility contrast check against the reported colors and confirm the foreground/background combination reaches the WCAG 2 AA 4.5:1 threshold; done means the reported contrast failure is resolved.

Written by the indexing model from the issue text.

Assessment

Domain
accessibility
Issue type
Bug
Difficulty
2/5
Estimated time
1-3 hours
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
40/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.