Issue Summary

On the "View plan" page, the "More action" buttons do not have keyboard support.

Steps to Reproduce

1. Navigate to the "Plans" dropdown and activate it.
2. Select "View Plans" option from the list.
3. Navigate onto the mentioned instances with a keyboard.
4. Observe that the buttons do not have keyboard support.

Screenshot

Actual Results

The "More action" buttons lack keyboard support. These buttons are only available on mouse hover. This is because these buttons inappropriately use visibility: hidden CSS property. This CSS property hides an element from the view. As a result, they cannot be operated with a keyboard and screen reader.

Expected Results

All interactive elements should be focusable and operable with a keyboard. In this scenario, we would recommend you to remove the visibility: hidden CSS property from the buttons to make sure that these buttons receive keyboard focus and can be operated.

Code Snippet

<button aria-label="More action" aria-expanded="false">...</button>

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