search

loomchild / sojourner-web

FOSDEM conference companion PWA
https://sojourner.rocks
GNU Affero General Public License v3.0
50 stars 6 forks source link

accessibility: visual keyboard focus indicator is deactivated for buttons #143

Open mfranzke opened 6 months ago

mfranzke commented 6 months ago

Buttons like e.g. the ones in the main navigation don't get a visual keyboard focus indicator. This is related to the following CSS Selector (with more properties declared at this selector, but I'm only listing the problematic one):

.v-btn {
outline: 0;
}

This might have been done intentionally in the past for design reasons (as the outline would get displayed on pointer device like mouse usage as well mostly unnecessarily), but isn't relevant now anymore as the browsers defaults even already switched to :focus-visible internally that would only display the visual keyboard focus indicator on keyboard usage.

I would have provided a PR myself, but sadly haven't had the chance to find the relevant part in the codebase easily.

loomchild commented 6 months ago

Thanks for reporting! I am using Vuetify framework so probably it's defining this style. I'll look into this when I have a chance (probably for next edition..)