-
Bug
-
Resolution: Unresolved
-
Low
-
None
-
4.20.0
-
Severity 2 - Major
-
Issue Summary
When text spacing is adjusted, some content cannot be seen because it is cut off.
Element:
-"Oracle-E-Business-Server" link
Location: Located in "Business Services" view, at the "Tree" view image in "Object overview" modal.
Note: The same issue applies to the checkboxes and links in each dropdown, just below the "Referenced objects" heading, when selecting any button in the "Tree view" image.
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 "Tree" button.
5. For example click on "Business Services" in graph
5. Check for the above mentioned element
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 :
Non-decorative content MUST NOT be inserted using CSS :before and :after pseudo-elements unless there is a way to access the content with CSS turned off.
HOW TO FIX:
Fix this issue by including the content directly in the DOM using HTML.
REFERENCE:
WCAG Technique H64: Failure of Success Criterion 1.3.1 due to inserting non-decorative content by using :before and :after pseudo-elements and the 'content' property in CSS: https://www.w3.org/TR/WCAG20-TECHS/F87.html
BACKGROUND:
The CSS :before and :after pseudo-elements specify the location of content before and after an element's document tree content. The content property, in conjunction with these pseudo-elements, specifies what is inserted. Users who need to customize or turn off style information in order to view content according to their needs and some screen reader users may not be able to access the information that is inserted using CSS. When content is inserted directly in the page using HTML it is accessible to all users.
Screenshot
Screen Recording
screen recording
Workaround
workaround
Bug Ref: 745508
Bulldog Ref: JSMDC-12584
- is blocked by
-
JSMDC-12584 You do not have permission to view this issue
- links to
- mentioned in
-
Page Failed to load
[JSDSERVER-11560] Object overview modal with tree mode graph : Text spacing content cut off.
| Labels | Original: 1.4.12 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: 1.4.12 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)" [ 955507 ] |
| Remote Link | New: This issue links to "Page (Confluence)" [ 912105 ] |
| Status | Original: Needs Triage [ 10030 ] | New: Gathering Impact [ 12072 ] |
| Labels | Original: 1.4.12 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: 1.4.12 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: 1.4.12 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: 1.4.12 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-12584 (JIRA Server (Bulldog))" [ 646516 ] |
| Labels | Original: 1.4.12 Accessibility WCAG21 ax-at-NVDA ax-bug ax-jsm ax-mid-priority ax-platform-dc ax-qa-prioritised ax-qa-ready | New: 1.4.12 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: 1.4.12 Accessibility WCAG21 ax-at-NVDA ax-bug ax-jsm ax-mid-priority ax-platform-dc ax-qa-prioritised ax-qa-ready |