Issue
The use of tabindex="0" on label elements for checkbox and radio input fields is not necessary and adds to the cognitive load of the page by requiring keyboard-only users to move twice for each field.
Actual Behavior
Keyboard-only users should only have to interact with the input field directly.
Steps to Reproduce the Problem
- Start focus before a set of checkbox or radio elements
- Begin tabbing through each element
- Notice how focus lands on both label field and input field
Recommendations
Remove tabindex attribute from label field.
Issue
The use of
tabindex="0"on label elements for checkbox and radio input fields is not necessary and adds to the cognitive load of the page by requiring keyboard-only users to move twice for each field.Actual Behavior
Keyboard-only users should only have to interact with the input field directly.
Steps to Reproduce the Problem
Recommendations
Remove
tabindexattribute from label field.