The simplest way to create progressive web apps across platforms and devices. Start here. This repo is home to several projects in the PWABuilder family of tools.
When a URL is pasted into the 'enter the URL' edit field, the color contrast ratio between the text color and the background fails to meet accessibility standards i.e., 2.8:1.
How do we reproduce the behavior?
Repro Steps:
Open the above URL.
Navigate to the 'Enter URL' edit field.
Pase any URL.
Check the color contrast ratio with the color contrast analyzer tool.
Observe the issue.
What do you expect to happen?
The text color and background should ensure a sufficient color contrast ratio (typically 4.5:1 for normal text) after a URL is pasted into the edit field.
What environment were you using?
Test Environment:
OS Build: Windows 11 Enterprise Insider Preview 24H2 (26120.461)
Edge Browser: Version 123.0.2400.1 (Official build) dev (64-bit)
URL: https://www.pwabuilder.com/
Tool: Color contrast Analyzer
Additional context
User Impact:
Users with visual impairments, such as low vision or color blindness, may find it difficult or impossible to read the pasted URL in the edit field due to inadequate color contrast.
What happened?
When a URL is pasted into the 'enter the URL' edit field, the color contrast ratio between the text color and the background fails to meet accessibility standards i.e., 2.8:1.
How do we reproduce the behavior?
Repro Steps:
What do you expect to happen?
The text color and background should ensure a sufficient color contrast ratio (typically 4.5:1 for normal text) after a URL is pasted into the edit field.
What environment were you using?
Test Environment: OS Build: Windows 11 Enterprise Insider Preview 24H2 (26120.461) Edge Browser: Version 123.0.2400.1 (Official build) dev (64-bit) URL: https://www.pwabuilder.com/ Tool: Color contrast Analyzer
Additional context
User Impact: Users with visual impairments, such as low vision or color blindness, may find it difficult or impossible to read the pasted URL in the edit field due to inadequate color contrast.
WCAG Reference: https://www.w3.org/WAI/WCAG22/Understanding/contrast-minimum
Attachments: