Analytics permissions: missing role for the restrictions combobox.

Issue Summary

In Analytics permissions page, the restrictions combobox do not have appropriate roles.

Steps to Reproduce

1. Navigate to the analytics permissions page. 
2. With screen reader navigate to the restrictions combobox.
3. Observe that appropriate role is not provided to combobox & it’s options.

Actual Results

The restrictions combobox & it’s option such as "No restrictions" & "Viewing analytics restricted" don’t have appropriate ARIA roles. This makes it difficult for screen reader users to access the combobox effectively. 

Screenshot

Expected Results

As a best practice code this component using native <select> & <option> elements and use CSS to maintain the current presentation.

Alternatively Implement following code changes as per ARIA specifications of combobox

• To the triggering <button> element provide

• • role="combobox"
  • aria-controls="IDREF (Identifies the element that serves as the popup for options)
  • aria-activedescendant="IDREF"
• provide role="listbox" to the container <div id="restrictions-dropdown"> element
• provide role="option" to the <a> elements. 
• Provide role="presentation" to <ul> & <li> elements

Refer to this example of select-only combobox implementation: https://www.w3.org/WAI/ARIA/apg/patterns/combobox/examples/combobox-select-only/ 

Workaround

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