feat: added role="switch" to Toggle component, per APG Switch Pattern

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

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