diff --git a/src/components/Checkbox.tsx b/src/components/Checkbox.tsx index 6cc08379704f7..11efa39c66959 100644 --- a/src/components/Checkbox.tsx +++ b/src/components/Checkbox.tsx @@ -131,6 +131,9 @@ function Checkbox({ style={[StyleUtils.getCheckboxPressableStyle(containerBorderRadius + 2), style]} // to align outline on focus, border-radius of pressable should be 2px more than Checkbox onKeyDown={handleSpaceOrEnterKey} role={CONST.ROLE.CHECKBOX} + accessibilityState={{ + checked: isIndeterminate ? 'mixed' : isChecked, + }} /* true → checked false → unchecked mixed → indeterminate */ diff --git a/src/components/Pressable/GenericPressable/implementation/BaseGenericPressable.tsx b/src/components/Pressable/GenericPressable/implementation/BaseGenericPressable.tsx index 055574bfb220e..b621408328484 100644 --- a/src/components/Pressable/GenericPressable/implementation/BaseGenericPressable.tsx +++ b/src/components/Pressable/GenericPressable/implementation/BaseGenericPressable.tsx @@ -200,6 +200,7 @@ function GenericPressable({ ...accessibilityState, }} aria-disabled={isDisabled} + aria-checked={accessibilityState?.checked} aria-selected={accessibilityState?.selected} aria-keyshortcuts={keyboardShortcut && `${keyboardShortcut.modifiers.join('')}+${keyboardShortcut.shortcutKey}`} // ios-only form of inputs