View plan : Interactive elements with no role

Issue Summary

On the "View plan" page, the "More action" buttons do not have programmatically defined interactive role.

Note: A similar issue was observed with the "Delete" button (that appears on expanding the "More action" button).

Steps to Reproduce

1. Navigate onto the above mentioned page.

1. Navigate onto the mentioned instances and inspect the code.

1. Observe that there is no role defined for these elements, such as role="link" or role="button".

Screenshot 1

Screenshot 2

Actual Results

The "More action" buttons do not have programmatically defined interactive role. This may particularly disadvantage screen reader users. They might skip this element.

Expected Results

Make sure that interactive elements have an appropriate role. In this case, the buttons perform a function instead of redirecting to a new page. Hence, it would be more semantically correct to provide these elements button role. This can be done with <button> or custome role="button" and tabindex="0".

Code snippet

<button aria-label="More action" aria-expanded="false" ...>...</button> 
<span tabindexx="0" role="button" aria-label="More action" aria-expanded="false">...</span> 

Workaround

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

Environment

MacBook Pro (16-inch, 2021)
macOs Ventura 13.3.1
Chrome - Version 113.0.5672.63 (Official Build) (x86_64)
Firefox- Version 92.0 (64-bit)
Safari- Version 16.4 (18615.1.26.110.1)
JAWS- Version 2023
NVDA- Version 2023.3
Voiceover - Version Latest