fix(forms): Added role="switch" to Toggle component, per APG Switch Pattern (#2043)

Author: jgorfine-zendesk

packages/forms/src/elements/Toggle.spec.tsx

@@ -23,6 +23,16 @@ describe('Toggle', () => {
     expect(toggle).toHaveAttribute('type', 'checkbox');
   });
 
+  it('is rendered with the switch role', () => {
+    const { queryByRole } = render(
+      <Field>
+        <Toggle data-test-id="toggle" />
+      </Field>
+    );
+
+    expect(queryByRole('switch')).toBeInTheDocument();
+  });
+
   it('passes ref to underlying DOM element', () => {
     const ref = React.createRef<HTMLInputElement>();
     const { getByTestId } = render(

packages/forms/src/elements/Toggle.tsx

@@ -24,7 +24,8 @@ export const Toggle = React.forwardRef<HTMLInputElement, IToggleProps>(
     let combinedProps = {
       $isCompact: fieldsetContext ? fieldsetContext.isCompact : isCompact,
       ref,
-      ...other
+      ...other,
+      role: 'switch'
     } as any;
 
     if (fieldContext) {