Business Services/Create Objects : Unclear functionality of expand/collapse links for the comments section

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

https://instenv-19536-ipiz.instenv.internal.atlassian.com/secure/ObjectSchema.jspa?id=2&typeId=22&objectId=184 

Steps to Reproduce

1. Launch the URL
2. 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