Hey @bbsmooth , thanks for the detailed observation
Now as you mention the sound plays differently with ui button release and keyboard button down, it does make sense to make them behave similar. I stuck to the basic approach and attach the html button function event
onClick , but your comment provoked me to research and discover there is
onMouseDown, which is similar to the event listener i use for keyboard
keydown. So i just replaced
onMouseDown in my button element, which is the mother of all buttons in my app and it was sufficient to fix it!
I have made the keyboard focus indicators more prominent. I was afraid it might look ridiculous so i didnt make it so initially.
Can you elaborate more on the effect of
<main> and do you mean to add a title by giving it
I was not familiar with the ARIA switch buttons. Ill have it in mind for future projects
EDIT: ok, i had to chance the
onMouseDown because it only works with mouse, but not keyboard. Instead o changed the event
keyup which isnt perfect, but at least keyboard and mouse act consistently now