Bug 211513 - AX: Form input placeholder attribute text has insufficient contrast ratio for WCAG conformance and general usability.
Summary: AX: Form input placeholder attribute text has insufficient contrast ratio for...
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: Accessibility (show other bugs)
Version: Safari 13
Hardware: All All
: P2 Major
Assignee: Nobody
URL:
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2020-05-06 08:07 PDT by Paul J. Adam
Modified: 2020-05-06 08:07 PDT (History)
1 user (show)

See Also:

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 an attachment (proposed patch, testcase, etc.)

Note You need to log in before you can comment on or make changes to this bug.
Description Paul J. Adam 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.
Comment 1 Radar WebKit Bug Importer 2020-05-06 08:07:59 PDT 
<rdar://problem/62930989>