From 9c1616061fa03908682dd8a0dfbed191346a20ca Mon Sep 17 00:00:00 2001 From: tneeraja95 Date: Wed, 4 Jun 2025 14:23:58 +0530 Subject: [PATCH 1/2] Fix: ToggleButton accessibility tags --- components/lib/togglebutton/ToggleButton.js | 5 ++--- 1 file changed, 2 insertions(+), 3 deletions(-) diff --git a/components/lib/togglebutton/ToggleButton.js b/components/lib/togglebutton/ToggleButton.js index 2808f4e7e5..e35849f7a9 100644 --- a/components/lib/togglebutton/ToggleButton.js +++ b/components/lib/togglebutton/ToggleButton.js @@ -119,14 +119,13 @@ export const ToggleButton = React.memo( onBlur: onBlur, onKeyDown: onKeyDown, tabIndex: tabIndex, - role: 'switch', type: 'checkbox', - 'aria-pressed': props.checked, 'aria-invalid': props.invalid, disabled: props.disabled, readOnly: props.readonly, value: props.checked, - checked: props.checked + checked: props.checked, + 'aria-label': label }, ptm('input') ); From 548e53115f238aaf308c285b9a2a9bb0ba01ec84 Mon Sep 17 00:00:00 2001 From: tneeraja95 Date: Wed, 4 Jun 2025 21:18:17 +0530 Subject: [PATCH 2/2] fix:using aria-label & aira-labelledby from props --- components/lib/togglebutton/ToggleButton.js | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/components/lib/togglebutton/ToggleButton.js b/components/lib/togglebutton/ToggleButton.js index e35849f7a9..d2d5604caf 100644 --- a/components/lib/togglebutton/ToggleButton.js +++ b/components/lib/togglebutton/ToggleButton.js @@ -125,7 +125,8 @@ export const ToggleButton = React.memo( readOnly: props.readonly, value: props.checked, checked: props.checked, - 'aria-label': label + 'aria-label': props['aria-label'], + 'aria-labelledby': props['aria-labelledby'] }, ptm('input') );