Skip to content

Accessibility Issue: Links and Buttons Not Visible When Using Tab Key #2969

@sahar-saadatmandi-corelab

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:

  1. Open a webpage with a command bar and a table.
  2. Use the Tab key to navigate through the interactive elements on the page (e.g., links, buttons, etc.).
  3. Observe that links (<a>) and buttons (<button>) do not display any visible focus indication.
  4. 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.

Metadata

Metadata

Assignees

Labels

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions