Ensure that elements mimicking buttons are focusable and keyboard accessible
Hi there!
In the current layout of some elements, such as buttons in the "View pull requests" dropdown menu, styles are applied to make them look like buttons, but in the HTML markup, they are not actual button elements (e.g., they might be div or span). This creates an accessibility issue, as these elements cannot be focused using the keyboard, making it more difficult for users who rely on keyboard navigation to interact with the interface.
This issue starts to create even bigger problems if you are using Vimium. Due to layout issues, there is no way to close the pop-up window using the keyboard
Steps to reproduce:
Open the "View pull requests" dropdown menu. Try to focus on the close element using the "Tab" key. Notice that the element cannot be focused and is not accessible for keyboard navigation. Expected result: All elements that look like buttons should be
Suggested solution:
Replace elements that mimic buttons with actual
Source: ovity/octotree