Is it possible to prevent accessibility indicator when pressing with mouse

Question

Hi, Is it possible to hide the border around object when interacting with a mouse. For example the following calcite-tab-nav:

Info

Relationer

Graf

Json

Which looks like this: But when pressing on of the tabs it looks like this: Is there a setting that hides this border from showing on all elements. I understand that it is an accessibility option, but I would only like to see it when using the keyboard.

KittyHurley · Answer

@Lerman Not at this time, the enhancement mentioned above is in the Calcite design backlog. You can upvote the GitHub issue or add a comment with a use case to help Calcite prioritize the issue.

Lerman · Answer

@KittyHurley  Hello, is there a solution now, please?

KittyHurley · Answer

@Robert_van_Gilst There currently isn't enough support for folks to change focus across the components, so there isn't a workaround prior to work on issue #6458.

We haven't yet assigned the issue to a future milestone, but any "thumbs ups" on the initial issue, or comments can help bump the issue's prioritization.

As far as focus outline, we don't recommend or support setting the focus outline to "0" or "none" due to accessibility implications resulting in total keyboard inaccessibility, so would be up to the developer to determine the feasibility and implementation.