chore: removed aria-checked from switch which is type=checkbox (#4496)

* chore: removed aria-checked from switch which is type=checkbox

* auto update snapshots (#4498)

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

---------

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
Co-authored-by: Maximilian Franzke <[email protected]>

Author: 3 people

__snapshots__/switch/patternhub/switch-properties-should-match-screenshot.png

@@ -32,9 +32,7 @@ export type DBSwitchProps = DBSwitchDefaultProps &
 	IconProps &
 	IconAfterProps;
 
-export type DBSwitchDefaultState = {
-	_checked?: boolean;
-};
+export type DBSwitchDefaultState = {};
 
 export type DBSwitchState = DBSwitchDefaultState &
 	GlobalState &

packages/components/src/components/switch/model.ts

@@ -1,6 +1,5 @@
 import {
 	onMount,
-	onUpdate,
 	Show,
 	useDefaultProps,
 	useMetadata,
@@ -36,18 +35,11 @@ export default function DBSwitch(props: DBSwitchProps) {
 	// jscpd:ignore-start
 	const state = useStore<DBSwitchState>({
 		_id: undefined,
-		_checked: useTarget({
-			react: (props as any)['defaultChecked'] ?? false,
-			default: false
-		}),
 		handleChange: (event: ChangeEvent<HTMLInputElement>) => {
 			if (props.onChange) {
 				props.onChange(event);
 			}
 
-			// We have different ts types in different frameworks, so we need to use any here
-			state._checked = (event.target as any)?.['checked'];
-
 			useTarget({
 				angular: () =>
 					handleFrameworkEventAngular(state, event, 'checked'),
@@ -70,12 +62,6 @@ export default function DBSwitch(props: DBSwitchProps) {
 		state._id = props.id ?? `switch-${uuid()}`;
 	});
 
-	onUpdate(() => {
-		if (props.checked !== undefined && props.checked !== null) {
-			state._checked = getBoolean(props.checked);
-		}
-	}, [props.checked]);
-
 	// jscpd:ignore-end
 
 	return (
@@ -90,7 +76,6 @@ export default function DBSwitch(props: DBSwitchProps) {
 				id={state._id}
 				type="checkbox"
 				role="switch"
-				aria-checked={getBooleanAsString(state._checked)}
 				ref={_ref}
 				checked={getBoolean(props.checked, 'checked')}
 				value={props.value}

packages/components/src/components/switch/switch.lite.tsx

@@ -7,8 +7,6 @@ test.describe('DBSwitch', () => {
 	runAxeCoreTest({ path: '03/switch', color: lvl3 });
 	runAxeCoreTest({ path: '03/switch', density: 'functional' });
 	runA11yCheckerTest({
-		path: '03/switch',
-		// It's an issue in the tool: https://github.com/IBMa/equal-access/issues/842
-		aCheckerDisableRules: ['aria_attribute_valid']
+		path: '03/switch'
 	});
 });