-
Bug
-
Resolution: Fixed
-
Low
-
4.22.2
-
Severity 2 - Major
-
colored texth3. Issue Summary
The show/hide comment link is missing accessible link text. As a result, its destination or purpose is not conveyed to screen reader users.
Tested URL
Steps to Reproduce
- Launch the URL
- In the Business service section for the Activity area, keep the screen reader on navigate to the expand/collapse link for the comments.
Screenshot
Screen Recording
Screen Recording 2022-05-16 at 10.40.03 AM.mov
Actual Results
The functionality associated with the "Expand/Collapse" link in the "Comment" section is unclear for screen reader users. Visually, on activating the link, the content gets expanded/collapsed dynamically below on the page. There is no link text provided to the link and it is not announced to the screen reader correctly. This will not make the assistive technology user understand the functionality associated with the link.
Expected Results
Add an aria-label to the link such as "Expand comment" when the comments should be expanded and "Collapse comment" when the comments should be collapsed.
Set the “aria-expanded” attribute to “false” for the links when the links are in the collapsed state. Ensure that the value of the “aria-expanded” attribute changes on user interaction via scripting.
Additionally, add a role="button" to the div element as the functionality is moreover like an Expand collapse button.
Workaround
Currently, there is no known workaround for this behaviour. A workaround will be added here when available.
Bug Ref: 748731
Bulldog Ref: JSMDC-12857
- is related to
-
JSDSERVER-11917 Collapsing a comment under Insight object schema view renders html tags in the collapse comment text
-
- Gathering Impact
-
- is blocked by
-
JSMDC-12857 You do not have permission to view this issue
Form Name |
---|
[JSDSERVER-11465] Business Services/Create Objects : Unclear functionality of expand/collapse links for the comments section
Labels | Original: 4.1.2 Accessibility WCAG21 ax-at-JAWS ax-at-NVDA ax-at-VO ax-at-user ax-bug ax-bulldog-bl ax-dev-done ax-high-priority ax-jsm ax-macos-safari ax-platform-dc ax-qa ax-qa-prioritised ax-qa-verified ax-vpat-critical ax-windows-chrome ax-windows-firefox | New: 4.1.2 Accessibility WCAG21 ax-at-JAWS ax-at-NVDA ax-at-VO ax-at-user ax-bug ax-bulldog-bl ax-critical ax-critical-priority ax-dev-done ax-high-priority ax-jsm ax-macos-safari ax-platform-dc ax-qa ax-qa-prioritised ax-qa-verified ax-vpat-critical ax-windows-chrome ax-windows-firefox |
Labels | Original: 4.1.2 Accessibility WCAG21 ax-at-JAWS ax-at-NVDA ax-at-VO ax-at-user ax-bug ax-bulldog-bl ax-dev-done ax-high-priority ax-jsm ax-macos-safari ax-platform-dc ax-qa-prioritised ax-qa-verified ax-vpat-critical ax-windows-chrome ax-windows-firefox | New: 4.1.2 Accessibility WCAG21 ax-at-JAWS ax-at-NVDA ax-at-VO ax-at-user ax-bug ax-bulldog-bl ax-dev-done ax-high-priority ax-jsm ax-macos-safari ax-platform-dc ax-qa ax-qa-prioritised ax-qa-verified ax-vpat-critical ax-windows-chrome ax-windows-firefox |
Labels | Original: 4.1.2 Accessibility WCAG21 ax-at-JAWS ax-at-NVDA ax-at-VO ax-at-user ax-bug ax-bulldog-bl ax-dev-done ax-dev-ready ax-high-priority ax-jsm ax-macos-safari ax-platform-dc ax-qa-prioritised ax-qa-verified ax-vpat-critical ax-windows-chrome ax-windows-firefox | New: 4.1.2 Accessibility WCAG21 ax-at-JAWS ax-at-NVDA ax-at-VO ax-at-user ax-bug ax-bulldog-bl ax-dev-done ax-high-priority ax-jsm ax-macos-safari ax-platform-dc ax-qa-prioritised ax-qa-verified ax-vpat-critical ax-windows-chrome ax-windows-firefox |
Status | Original: Closed [ 6 ] | New: Closed [ 6 ] |
Description |
Original:
h3. Issue Summary
The show/hide comment link is missing accessible link text. As a result, its destination or purpose is not conveyed to screen reader users. h3. Tested URL [https://instenv-19536-ipiz.instenv.internal.atlassian.com/secure/ObjectSchema.jspa?id=2&typeId=22&objectId=184] h3. Steps to Reproduce # Launch the URL # In the Business service section for the Activity area, keep the screen reader on navigate to the expand/collapse link for the comments. h3. Screenshot !Screenshot 2022-05-16 at 10.38.30 AM.png|width=350,height=193! h3. Screen Recording [^Screen Recording 2022-05-16 at 10.40.03 AM.mov] h3. Actual Results The functionality associated with the "Expand/Collapse" link in the "Comment" section is unclear for screen reader users. Visually, on activating the link, the content gets expanded/collapsed dynamically below on the page. There is no link text provided to the link and it is not announced to the screen reader correctly. This will not make the assistive technology user understand the functionality associated with the link. h3. Expected Results Add an aria-label to the link such as "Expand comment" when the comments should be expanded and "Collapse comment" when the comments should be collapsed. Set the “aria-expanded” attribute to “false” for the links when the links are in the collapsed state. Ensure that the value of the “aria-expanded” attribute changes on user interaction via scripting. Additionally, add a role="button" to the div element as the functionality is moreover like an Expand collapse button. h3. Workaround Currently, there is no known workaround for this behaviour. A workaround will be added here when available. Bug Ref: 748731 Bulldog Ref: JSMDC-12857 |
New:
{color:red}colored text{color}h3. Issue Summary
The show/hide comment link is missing accessible link text. As a result, its destination or purpose is not conveyed to screen reader users. h3. Tested URL [https://instenv-19536-ipiz.instenv.internal.atlassian.com/secure/ObjectSchema.jspa?id=2&typeId=22&objectId=184] h3. Steps to Reproduce # Launch the URL # In the Business service section for the Activity area, keep the screen reader on navigate to the expand/collapse link for the comments. h3. Screenshot !Screenshot 2022-05-16 at 10.38.30 AM.png|width=350,height=193! h3. Screen Recording [^Screen Recording 2022-05-16 at 10.40.03 AM.mov] h3. Actual Results The functionality associated with the "Expand/Collapse" link in the "Comment" section is unclear for screen reader users. Visually, on activating the link, the content gets expanded/collapsed dynamically below on the page. There is no link text provided to the link and it is not announced to the screen reader correctly. This will not make the assistive technology user understand the functionality associated with the link. h3. Expected Results Add an aria-label to the link such as "Expand comment" when the comments should be expanded and "Collapse comment" when the comments should be collapsed. Set the “aria-expanded” attribute to “false” for the links when the links are in the collapsed state. Ensure that the value of the “aria-expanded” attribute changes on user interaction via scripting. Additionally, add a role="button" to the div element as the functionality is moreover like an Expand collapse button. h3. Workaround Currently, there is no known workaround for this behaviour. A workaround will be added here when available. Bug Ref: 748731 Bulldog Ref: JSMDC-12857 |
Resolution | New: Fixed [ 1 ] | |
Status | Original: Needs Triage [ 10030 ] | New: Closed [ 6 ] |
Labels | Original: 4.1.2 Accessibility WCAG21 ax-at-JAWS ax-at-NVDA ax-at-VO ax-at-user ax-bug ax-bulldog-bl ax-dev-done ax-dev-ready ax-high-priority ax-jsm ax-macos-safari ax-platform-dc ax-qa-prioritised ax-vpat-critical ax-windows-chrome ax-windows-firefox | New: 4.1.2 Accessibility WCAG21 ax-at-JAWS ax-at-NVDA ax-at-VO ax-at-user ax-bug ax-bulldog-bl ax-dev-done ax-dev-ready ax-high-priority ax-jsm ax-macos-safari ax-platform-dc ax-qa-prioritised ax-qa-verified ax-vpat-critical ax-windows-chrome ax-windows-firefox |
Attachment | New: QA JSDSERVER-11465.mov [ 425906 ] |
Attachment | New: QA JSDSERVER-11465.png [ 425905 ] |
Fix Version/s | New: 5.2.0 [ 102196 ] |