diff --git a/components/clientComponents/forms/FormGroup/FormGroup.tsx b/components/clientComponents/forms/FormGroup/FormGroup.tsx index a47e6800af..5e8a228454 100644 --- a/components/clientComponents/forms/FormGroup/FormGroup.tsx +++ b/components/clientComponents/forms/FormGroup/FormGroup.tsx @@ -22,8 +22,9 @@ export const FormGroup = (props: FormGroupProps): React.ReactElement => { data-testid="formGroup" className={classes} aria-describedby={ariaDescribedBy} - // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex - tabIndex={0} + // Used to programmatically focus a form group by e.g. a form validation skip ahead link + // -1 is used over 0, so the group is not in the natural tab order which is confusing for AT + tabIndex={-1} > {children}