-
Bug
-
Resolution: Won't Fix
-
Low
-
None
-
4.20.0
-
Severity 2 - Major
-
Issue Summary
The contrast ratio between text and its background is not at least 4.5:1.
Elements:
- Drop files to attach, or click to browse
- This object has no attachments
Location:
Present in "Attachment" section
Hexadecimal values:
Text color: #C7C7C7
Background color: #FBFBFB
Contrast ratio: 1.6:1
Element -2:
- This object has no connected tickets
Location: Present under Connected tickets tab
Hexadecimal values:
Text color: #C7C7C7
Background color: #F7F7F7
Contrast ratio: 1.6:1
Tested URL
https://instenv-5971-nizh.instenv.atl-test.space/secure/insight/assets/INITSM-77?v=0
Steps to Reproduce
- Step 1
Actual Results
Actual results
Expected Results
Fix Information
RULE :
Small text (under 18 point regular font or 14 point bold font) MUST have a contrast ratio of at least 4.5 to 1 with the background. This issue applies to placeholder text as well.
HOW TO FIX:
The Firefox browser applies an opacity of less than 1 to placeholder text color that causes the rendered text color to fall below contrast ratio requirements. Fix this issue by using CSS to ensure that the rendered placeholder text has an opacity of 1. For example:
:moz-placeholder { /* Firefox 18 */
color: #767676;
opacity: 1;
}
::-moz-placeholder { /* Firefox 19+ */
color: #767676;
opacity: 1;
}
REFERENCE:
W3C-WAI tutorial: https://www.w3.org/WAI/tutorials/forms/instructions/#styling
BACKGROUND:
People who have low vision or are colorblind may have difficulty reading text if the contrast between the text its background is insufficient. When the contrast ratio between text and its background is adequate, people who have low vision or are colorblind are more likely to be able to read the text.
Screenshot
Screen Recording
screen recording
Workaround
workaround
Bug Ref: 746571
Bulldog Ref: JSMDC-13229
- is blocked by
-
JSMDC-13229 You do not have permission to view this issue
- links to
| Form Name | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|