ragazzi vi chiedo un aiuto per la realizzazione di un menu (elenco di pulsanti) nel quale sia possibile navigare con le frecce e non con il tasto TAB

Sto realizzando un sito per bambini non vedenti e vorrei fargli navigare le voci del menu con le frecce e non con TAB e SHIFT TAB

riesco a catturarmi l'evento di key press e l'id del tasto premuto ma come faccio a cambiare dinamicamente il fuoco da un bottone all'altro?


vi posto il codice

codice:
<html>
<head>
          <script language="javascript" type="text/javascript"> 
          <!-- 
          var position = 0
          document.onkeydown = function keyPress(evt) 
               { 
               var keyCode = 
               document.layers ? evt.which : 
               document.all ? event.keyCode : 
               document.getElementById ? evt.keyCode : 0;
               document.f.ta.value = keyCode;
               
               
               if (keyCode == 38) 
               	{
               //     alert( 'arrow up')
               		position = position - 1
               	} 
               
               else if (keyCode == 40) 
               	{
               //     alert( 'arrow down')
               		position = position + 1
               	}
               	
               	
               document.f.tb.value = position;
               // mi conto le posizioni  ma poi????
                  document.f.position.Focus();
               // come devo fare la riga qui sopra??????????
               // come posso cambiare il focus da b1 - b2 - b3 ???
               } 
               
            function sf(){document.f.b3.focus();}
          //--> 
          </script> 

</head>
<body onLoad="sf()">
<form name="f">
<INPUT TYPE="text" VALUE="" NAME="ta">
<INPUT TYPE="text" VALUE="" NAME="tb">


<INPUT TYPE="button" NAME="b1" VALUE="Press This">

<INPUT TYPE="button" NAME="b2" VALUE="Press This">

<INPUT TYPE="button" NAME="b3" VALUE="Press This">

<INPUT TYPE="button" NAME="b4" VALUE="Press This">

</form>
</body>
</html>

Grazie a tutti