Business Services/Create Objects :Listbox for Object comment level select is missing appropriate roles and labels.

Issue Summary

The element appears and functions like a Listbox but is missing the required ARIA roles and labels.

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 main content area for Business Services, Navigate to the comment section for any object in the
   Activity area.
3.  Keeping the screen reader on, in the comment section navigate to the "Object comment level" Listbox
   used to set restrictions for the comment.

Screenshot

Actual Results

Role and labels are not defined for the interactive element for the listbox for "Object comment level select" dropdown. When the user navigates over the element it is announced as "Menu pop up collapsed, link" which does not indicate the label to with it is associated with or what will the menu will provide. This made it difficult for screen reader users to access the functionality associated with it.

Expected Results

When the user navigates into the Listbox it should announce the label provided to it such as "Comment restriction level select Listbox".
Apply the following changes:
• Provide role= "listbox" for the <div> element containing the mentioned element.
• Add aria-label to the button such as "Comment restriction level select Listbox" making the assistive
technology users are aware of the functionality associated with the link.
• Additionally the Listbox should be a button instead of a link element.

Ensure the listbox is associated with for and id with its label such as "Restricted to" and "Viewable by".

Workaround

Currently, there is no known workaround for this behaviour. A workaround will be added here when available.

Bug Ref: 748709

Bulldog Ref: JSMDC-12852