I am working in a large React app. We've noticed that tabbing through the page works fine in chrome but not in firefox and safari.
caniuse.com says for:
safari -> " elements are never keyboard-focusable, even if they have tabindex="0". Unless Full Keyboard Access is enabled, then s, radio buttons, and checkboxes are also not keyboard-focusable, even if they have tabindex="0".
firefox -> "On Mac OS X, unless Full Keyboard Access is enabled, elements are not keyboard-focusable, even if they have tabindex="0"
Is there anything i can add to the html or css so this works without the user having to change their settings? (I tried tabIndex={0} on links and it didnt work)