Buttons are not getting focused on iOS

[moroshko]

When moving between input fields using the arrows on iPad, the Font Weight and Accessibility Level buttons are skipped.

[runar]

This does not work in desktop Safari (13.0.1) either. The issue is that Safari skips checkboxes, buttons, and anchors in the tab rotation. To make it work as intended (in desktop Safari, at least), the user will have to enable the «Press Tab to highlight each item on a web page» setting. See this thread for more information: https://stackoverflow.com/questions/1848390/safari-ignoring-tabindex

There seems to be no easy or good way to fix this. Have you considered replacing the buttons with select elements?