Voorzie in een logische volgorde van de links op de pagina. Gebruik het tabindex attribuut om van de standaard tabvolgorde van links af te wijken wanneer deze volgorde niet toereikend is voor correct gebruik van de pagina door toetsenbordgebruikers. (R-pd.8.9) Maak het tabben naar links niet onmogelijk. Verwijder niet de focus rectangle rondom een link of de mogelijkheid tot focus op een link. (R-pd.8.10)
Wanneer gebruik jij het tabindex attribuut? Is onderstaande code een goede case, omdat gebruikers misschien verwachten dat je na je gebruikersnaam kunt tabben naar je wachtwoord? Of zou je de volgorde van de markup wijzigen?
<p>
<label for="user">Gebruikersnaam:</label>
<input type="text" name="user" id="user" tabindex="1">
</p>
<p>
<label for="pass">Wachtwoord:</label>
(<a href="/wachtwoord-vergeten" tabindex="3">vergeten?</a>)
<input type="password" name="pass" id="pass" tabindex="2">
</p>
Begrijp jij nog welke waardes je het attribuut mag geven? Tussen 1 en 32768? Tussen 0 and 32767? Of ook negatieve waardes?
Hoeveel designers en/of opdrachtgevers en/of marketingafdelingen willen de focus rectangle nog steeds niet accepteren? Ga je de discussie aan, of geef je toe en doe je :focus { outline: none; } of iets wat erop lijkt? Of het nog mooiere onfocus="this.blur()" en equivalenten?
En is dit alles wel ons probleem? Moeten we gebruikers die graag met het toetsenbord door een site navigeren niet gewoon uitleggen hoe spatial navigation werkt?
Of kunnen we niet gewoon een site compleet opnieuw maken? Eentje speciaal voor gebruikers die graag tabben?