orchidsoftware / orchidsoftware/platform
Accessibility Issue: Links and Buttons Not Visible When Using Tab Key
@tabuna is already working on this.
Since Mar 12, 2025.
- Dominant language
- PHP
- Stars
- 4.8k
- Forks
- 663
- Avg merge
- 1d 9h
- Merged PRs (30d)
- 7
Description
Describe the bug
When navigating through the page using the Tab key, <a> (links) and <button> elements do not display a visible focus indicator. This creates an accessibility issue, as keyboard users cannot see which element is currently focused. The issue is more noticeable in tables and the command bar, where navigating through multiple interactive elements becomes harder without a clear focus indicator.
To Reproduce
Steps to reproduce the behavior:
- Open a webpage with a command bar and a table.
- Use the Tab key to navigate through the interactive elements on the page (e.g., links, buttons, etc.).
- Observe that links (
<a>) and buttons (<button>) do not display any visible focus indication. - Navigate to the command bar and table, and observe that the buttons in the command bar and interactive elements within the table do not have a visible focus indicator.
Expected behavior
Interactive elements, such as links and buttons, should provide a clear visible focus indicator—such as an outline or border—when a user navigates through them using the keyboard Tab key.
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Assessment
This issue has not been assessed yet.