[Checkbox] Fix checkbox a11y - screen readers doesn't announce undefined 'checked' (#2699)

* make checkbox a11y annouce null/undefined state

* Change files

* fix small spelling typo
This commit is contained in:
Rohan Prasad 2023-03-14 08:35:57 +05:30 коммит произвёл GitHub
Родитель c15156c8f2
Коммит d09bb7f2f4
Не найден ключ, соответствующий данной подписи
Идентификатор ключа GPG: 4AEE18F83AFDEB23
2 изменённых файлов: 8 добавлений и 0 удалений

Просмотреть файл

@ -0,0 +1,7 @@
{
"type": "patch",
"comment": "make checkbox a11y annouce null/undefined state",
"packageName": "@fluentui-react-native/checkbox",
"email": "rohanpd.work@gmail.com",
"dependentChangeType": "patch"
}

Просмотреть файл

@ -107,6 +107,7 @@ export const useCheckbox = (props: CheckboxProps): CheckboxInfo => {
const getAccessibilityState = memoize(getAccessibilityStateWorker);
function getAccessibilityStateWorker(disabled: boolean, checked: boolean, required: boolean, accessibilityState?: AccessibilityState) {
checked = checked ?? false; // Make the value of checked as false when checked is undefined or null for screen reader to announce 'unchecked'
if (accessibilityState) {
return { disabled, checked, required, ...accessibilityState };
}