-
Bug
-
Resolution: Fixed
-
Low
-
4.22.3
-
Severity 2 - Major
-
Issue Summary
Links for tree operation are missing label/descriptive text and roles, which makes it for the assistive technology user difficult to understand the purpose of the links.
Steps to Reproduce
- In the Insights menu, select any object schema.
- In the main content area for the object, keep the screen reader on navigate to the tree operation links such as "Hide", "Expand/Collapse all", "Refresh" etc.
Actual Results
The links such as "Hide", "Expand all", "Collapse all", "Refresh" and "Create object type" in the tree operation section for the objects in the Object schema have missing labels and roles. There is no label or descriptive text present for the links, although the labels are announced to the screen readers. This will not make the assistive technology user understand the functionality associated with the link or use the feature effectively.
Additionally, the links have a missing role="button" since the functionality of the links is more like a button.
Expected Results
Add an aria-label to the link such as "Expand all Objects", "Refresh objects" to the expand all link and so on to the other respective links.
Additionally, add a role="button" to the div element as the functionality is moreover like a button for all the links.
Screenshot
Workaround
Currently, there is no known workaround for this behaviour. A workaround will be added here when available.
Bug Ref: 747788
Bulldog Ref: JSMDC-12789
- is blocked by
-
JSMDC-12789 You do not have permission to view this issue
[JSDSERVER-11679] Business Services/Create Objects : Tree operation links have missing labels and roles.
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 |
Description |
Original:
h3. Issue Summary
Links for tree operation are missing label/descriptive text and roles, which makes it for the assistive technology user difficult to understand the purpose of the links. h3. Tested URL [https://instenv-5971-nizh.instenv.atl-test.space/secure/ObjectSchema.jspa?id=3&mode=object&objectId=100] h3. Steps to Reproduce # Launch the URL # In the Insights menu, select any object schema. # In the main content area for the object, keep the screen reader on navigate to the tree operation links such as "Hide", "Expand/Collapse all", "Refresh" etc. h3. Actual Results The links such as "Hide", "Expand all", "Collapse all", "Refresh" and "Create object type" in the tree operation section for the objects in the Object schema have missing labels and roles. There is no label or descriptive text present for the links, although the labels are announced to the screen readers. This will not make the assistive technology user understand the functionality associated with the link or use the feature effectively. Additionally, the links have a missing role="button" since the functionality of the links is more like a button. h3. Expected Results Add an aria-label to the link such as "Expand all Objects", "Refresh objects" to the expand all link and so on to the other respective links. Additionally, add a role="button" to the div element as the functionality is moreover like a button for all the links. h3. Screenshot !Screenshot 2022-05-30 at 4.15.53 PM.png|width=496,height=274! h3. Workaround Currently, there is no known workaround for this behaviour. A workaround will be added here when available. Bug Ref: 747788 Bulldog Ref: JSMDC-12789 |
New:
h3. Issue Summary
Links for tree operation are missing label/descriptive text and roles, which makes it for the assistive technology user difficult to understand the purpose of the links. h3. Steps to Reproduce # In the Insights menu, select any object schema. # In the main content area for the object, keep the screen reader on navigate to the tree operation links such as "Hide", "Expand/Collapse all", "Refresh" etc. h3. Actual Results The links such as "Hide", "Expand all", "Collapse all", "Refresh" and "Create object type" in the tree operation section for the objects in the Object schema have missing labels and roles. There is no label or descriptive text present for the links, although the labels are announced to the screen readers. This will not make the assistive technology user understand the functionality associated with the link or use the feature effectively. Additionally, the links have a missing role="button" since the functionality of the links is more like a button. h3. Expected Results Add an aria-label to the link such as "Expand all Objects", "Refresh objects" to the expand all link and so on to the other respective links. Additionally, add a role="button" to the div element as the functionality is moreover like a button for all the links. h3. Screenshot !Screenshot 2022-05-30 at 4.15.53 PM.png|width=496,height=274! h3. Workaround Currently, there is no known workaround for this behaviour. A workaround will be added here when available. Bug Ref: 747788 Bulldog Ref: JSMDC-12789 |
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: Screen Recording 2022-08-16 at 1.22.12 PM.mov [ 425899 ] |
Fix Version/s | New: 5.3.0 [ 102400 ] |
Assignee | New: Roman Litvishko [ a504d30b4d3f ] |
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-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-vpat-critical ax-windows-chrome ax-windows-firefox |