Details
-
Bug
-
Resolution: Unresolved
-
Low
-
None
-
5.11.0
-
Severity 3 - Minor
-
Description
Issue Summary
The Placeholder texts present in the modal dialogs has the insufficient contrast ratio.
Steps to Reproduce
- Open the Asset Search page.
- Navigate to Mentioned buttons and activate it.
- Observe the modal dialogs appears on the page.
- Navigate to the mentioned texts in the dialog
- Use the Color Contrast Analyser tool to check the color contrast.
- Observe that the color contrast between the foreground text and background is insufficient.
Screenshot
Actual Result
- The Placeholder text “Select" in the search input field in "Create object" modal dialog has insufficient color contrast ratio.
- The Placeholder text “Name or Group" in the search input field in "Save as" modal dialog has insufficient color contrast ratio.
- The Placeholder text “Name" in the search input field in "Column" modal dialog has insufficient color contrast ratio.
- The Placeholder text "Name or user key" and "Note " in the search input field in "Share" modal dialog has insufficient color contrast ratio.
     Foreground:#C7C7C7
     Background:#FFFFFF
     Ratio      :1.7:1
Â
This will make it difficult for people with low vision and color blindness to read standard or placeholder text elements that have insufficient contrast.
Expected Results
Ensure that each text/background colour combination presents a contrast ratio of at least 4.5:1.Â
Refer to the following link:https://hello.atlassian.net/wiki/spaces/A11Y/pages/1220721126/Text+and+Non-text+ContrastÂ
Workaround
Currently there is no known workaround for this behavior. A workaround will be added here when available
Environment
MacBook Pro (16 inch, 2021)
macOs Ventura  13.5
Chrome - Version 115.0.5790.170 (Official Build) (arm64)
Firefox- Version 112.0. 1
Safari- Version 16.5 (18615.2.9.11.4)
JAWS- Version 2023
NVDA- Version 2023
Voiceover - Version Latest