I tested your code it works however it appears to behave differently depending on the browser.
Chrome: Tabbing works however the background colour keeps the focus colour on the selected button unless you click somewhere on the page a second time.
Firefox: Tabbing seems to work properly
Safari: I don't know if the browser supports tabbing? I could only get it to go to the search bar?
Tabbing on safari works just fine for me might have something to do with the OS and accessibility settings, I've messed around with mine a bit, might've toggled something on or off that makes it work for me, haven't tested it with the native macOS VoiceOver but I know buttons have built-in roles that get read out, mainly mentioned it for visual indication, it's a good practice to keep in mind. 🙂
For further actions, you may consider blocking this person and/or reporting abuse
We're a place where coders share, stay up-to-date and grow their careers.
I tested your code it works however it appears to behave differently depending on the browser.
Chrome: Tabbing works however the background colour keeps the focus colour on the selected button unless you click somewhere on the page a second time.
Firefox: Tabbing seems to work properly
Safari: I don't know if the browser supports tabbing? I could only get it to go to the search bar?
Tabbing on safari works just fine for me might have something to do with the OS and accessibility settings, I've messed around with mine a bit, might've toggled something on or off that makes it work for me, haven't tested it with the native macOS VoiceOver but I know buttons have built-in roles that get read out, mainly mentioned it for visual indication, it's a good practice to keep in mind. 🙂