In één van de websites die ik bij Pronamic heb ontwikkeld had ik een probleem met de tabindex van een aantal Gravity Forms formulieren op 1 pagina. De tabindex van de invoervelden van deze formulieren begonnen namelijk allemaal op 1.
<input name="input_1" id="input_1_1" type="text" value="" class="medium" tabindex="1" /> <input name="input_1" id="input_4_1" type="email" value="" class="small" tabindex="1" />
Hierdoor was het niet mogelijk om met behulp van de TAB toets eenvoudig door de verschillende invoervelden te navigeren. Gelukkig was de oplossing na een zoekopdracht bij Google snel gevonden.
Sinds Gravity Forms v1.3.13 Beta 1 zijn er WordPress filters beschikbaar om de tabindex aan te passen. In de changelog van Gravity Forms is daarover het volgende opgenomen:
- Added filter to define the tab index start value.
add_filter("gform_tabindex_4", create_function("", "return false;"));
De 4 in gform_tabindex_4 staat voor de unieke Gravity Form id. De volgende code zorgt er voor dat Gravity Form met id 4 begint met een tabindex van 100.
add_filter('gform_tabindex_4', create_function('', 'return 100;'));