How to reorder the sign up form so i can tab down the page without the cursor jumping everywhere

Ask the community
,
1

Question:
How to order this sign up form properly, as right now if I tab down the page it goes through everything other than phone number which will get tabbed into after the submit button.

Product:
wix studio editor

What are you trying to achieve:
I want to reorder the sign up form so that I can tab directly to the phone number

What have you already tried:
I pressed reorganise DOM order which did nothing

Additional information:
here’s a photo of my sign up form

image
image1886×808 15.7 KB

1 Like
2

Reorganising the DOM and should put elements in the right order according to their visual order.

You might need to adjust the layers too? And perhaps try with the Accessibility Wizard and see if that helps.

3

Try using tabIndex

$w.onReady(() => {
  $w("#firstNameInput").tabIndex = 1;
  $w("#lastNameInput").tabIndex = 2;
  $w("#phoneNumberInput").tabIndex = 3; 
  $w("#emailInput").tabIndex = 4;
  $w("#submitButton").tabIndex = 5;
});