-
Bug
-
Resolution: Won't Fix
-
Low
-
None
-
4.20.0
-
Severity 2 - Major
-
Issue Summary
The contrast ratio between link or button text and its background is not at least 4.5:1 on hover and/or on focus.
Elements:
- Attributes
- Connected tickets
- Comments
Location:
Present on the main content
Hexadecimal values:
Text color: #767676
Background color: #F7F7F7
Contrast ratio: 4.2: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 :
The name, role, value, states, and properties of user interface components MUST be programmatically determinable by assistive technologies.
HOW TO FIX:
Fix this issue by using any of the following techniques:
1. Use the innertext of the <button> or role="button" element
<button>Apply now!</button>
<button class="apply-btn"><span class="sr-text">Apply now!</span></button>
2. Use a non-empty aria-label attribute on the <button> or role="button" element.
<button class="apply-btn" aria-label="Apply now!"></button>
<span role="button" class="apply-btn" aria-label="Apply Now!"></span>
REFERENCE:
Deque University: https://dequeuniversity.com/class/custom-widgets2/concepts/name
nW3C ARIA Recommendation: https://www.w3.org/TR/wai-aria-1.1/#aria-label
BACKGROUND:
Buttons must have discernible text that describes the button's function or action for screen reader and other assistive technology users.
Screenshot
Screen Recording
screen recording
Workaround
workaround
Bug Ref: 748021
Bulldog Ref: JSMDC-13231
- is blocked by
-
JSMDC-13231 You do not have permission to view this issue
- links to
| Form Name | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|
[JSDSERVER-11595] Search Result selection (select any of the options from the search results) : Link or button text lacks 4.5:1 contrast ratio on hover.
| Resolution | New: Won't Fix [ 2 ] | |
| Status | Original: Gathering Impact [ 12072 ] | New: Closed [ 6 ] |
| Labels | Original: 1.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: 1.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)" [ 955535 ] |
| Status | Original: Needs Triage [ 10030 ] | New: Gathering Impact [ 12072 ] |
| Labels | Original: 1.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: 1.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: 1.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: 1.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-13231 (JIRA Server (Bulldog))" [ 646538 ] |
| Labels | Original: 1.4.3 Accessibility WCAG21 ax-at-NVDA ax-bug ax-jsm ax-mid-priority ax-platform-dc ax-qa-prioritised ax-qa-ready | New: 1.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: 1.4.3 Accessibility WCAG21 ax-at-NVDA ax-bug ax-jsm ax-mid-priority ax-platform-dc ax-qa-prioritised ax-qa-ready |
Hi everyone,
As part of our accessibility and usability improvements, we’re now offering light and dark theme for JSM. Because of this, we’ve decided to deprecate the Original theme. Upgrade to JSM 10.3 Long Term Support to enjoy the new themes.
Best regards
Bilal Cinarli
Principal Frontend Engineer