-
Bug
-
Resolution: Unresolved
-
Low
-
None
-
4.20.0
-
Severity 2 - Major
-
Issue Summary
Keyboard focus or touch screen swiping falls on an element that is hidden or empty.
Elements name:
- INITSM-21
- oracledb-11g-prod
- Solaris 11.3
.... etc.
Location of the elements: Hidden elements, in the "Tree" view section elements, in the "Object overview" modal.
Additional details: Do not select the "Tree" button, keyboard focus is moving to the elements, which are in the "Tree" view at the end of the "Force" view content.
Steps to reproduce:
1. Click on the "oracledb-11g-prod" button, just beside the "Affected Server:" text, in the "Can we get this server request approved?" page.
2. Then the "Object Overview" modal will display.
3. Click on the "Show graph" icon button.
4. Click on the "Force" button. Then the graph will display in the Force view.
Tested URL
https://instenv-5971-nizh.instenv.atl-test.space/projects/JSM/queues/custom/31/JSM-111
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: 745218
Bulldog Ref: JSMDC-12560
- is blocked by
-
JSMDC-12560 You do not have permission to view this issue
- links to
| Form Name | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|
[JSDSERVER-11644] Object Overview Modal with default force mode graph : Hidden or empty element receive focus.
| Labels | Original: 2.4.3 Accessibility WCAG21 ax-at-NVDA ax-bug ax-bulldog-bl ax-jsm ax-medium-priority ax-mid-priority ax-platform-dc ax-qa ax-qa-prioritised ax-qa-ready | New: 2.4.3 Accessibility WCAG21 ax-at-NVDA ax-bug ax-bulldog-bl ax-jsm ax-medium-priority ax-mid-priority ax-platform-dc ax-qa ax-qa-prioritised ax-qa-ready ril |
| Remote Link | New: This issue links to "Internal ticket (Web Link)" [ 955554 ] |
| Status | Original: Needs Triage [ 10030 ] | New: Gathering Impact [ 12072 ] |
| Labels | Original: 2.4.3 Accessibility WCAG21 ax-at-NVDA ax-bug ax-bulldog-bl ax-jsm ax-mid-priority ax-platform-dc ax-qa ax-qa-prioritised ax-qa-ready | New: 2.4.3 Accessibility WCAG21 ax-at-NVDA ax-bug ax-bulldog-bl ax-jsm ax-medium-priority ax-mid-priority ax-platform-dc ax-qa ax-qa-prioritised ax-qa-ready |
| Labels | Original: 2.4.3 Accessibility WCAG21 ax-at-NVDA ax-bug ax-bulldog-bl ax-jsm ax-mid-priority ax-platform-dc ax-qa-prioritised ax-qa-ready | New: 2.4.3 Accessibility WCAG21 ax-at-NVDA ax-bug ax-bulldog-bl ax-jsm ax-mid-priority ax-platform-dc ax-qa ax-qa-prioritised ax-qa-ready |
| Remote Link | New: This issue links to "JSMDC-12560 (JIRA Server (Bulldog))" [ 646578 ] |
| Labels | Original: 2.4.3 Accessibility WCAG21 ax-at-NVDA ax-bug ax-jsm ax-mid-priority ax-platform-dc ax-qa-prioritised ax-qa-ready | New: 2.4.3 Accessibility WCAG21 ax-at-NVDA ax-bug ax-bulldog-bl ax-jsm ax-mid-priority ax-platform-dc ax-qa-prioritised ax-qa-ready |
| Labels | New: 2.4.3 Accessibility WCAG21 ax-at-NVDA ax-bug ax-jsm ax-mid-priority ax-platform-dc ax-qa-prioritised ax-qa-ready |