Bug 211513

Summary: AX: Form input placeholder attribute text has insufficient contrast ratio for WCAG conformance and general usability.
Product: WebKit Reporter: Paul J. Adam <paul>
Component: AccessibilityAssignee: Nobody <webkit-unassigned>
Status: NEW    
Severity: Major CC: webkit-bug-importer
Priority: P2 Keywords: InRadar
Version: Safari 13   
Hardware: All   
OS: All   
Attachments:
Description Flags
Screenshot of Colour Contrast Analyser testing the repro URL's placeholder demo showing the bad contrast. none

Paul J. Adam
Reported 2020-05-06 08:07:44 PDT
Created attachment 398616 [details] Screenshot of Colour Contrast Analyser testing the repro URL's placeholder demo showing the bad contrast. Safari placeholder attribute text has insufficient contrast ratio for WCAG conformance and general usability. Chrome has a sufficient contrast ratio for its input placeholder text. Chrome's ratio is 4.6:1 for the placeholder. Safari's placeholder text ratio is 2.4:1 which is failing WCAG 2.0 Level AA 1.4.3 Contrast (Minimum) Success Criterion. Steps to Reproduce: 1. Open Safari. 2. Visit https://www.w3schools.com/tags/tryit.asp?filename=tryhtml5_textarea_placeholder Expected Results: Placeholder text has a contrast ratio that is sufficient for WCAG at at least 4.5:1 or greater and placeholder text is easy to read. Actual Results: Placeholder text has an insufficient contrast ratio at 2.4:1 which is failing WCAG and is difficult to read.
Attachments
Screenshot of Colour Contrast Analyser testing the repro URL's placeholder demo showing the bad contrast. (301.24 KB, image/png)
2020-05-06 08:07 PDT, Paul J. Adam 		no flags
Details
View All Add attachment proposed patch, testcase, etc.
Radar WebKit Bug Importer
Comment 1 2020-05-06 08:07:59 PDT
<rdar://problem/62930989>
Note You need to log in before you can comment on or make changes to this bug.