Filter-bar : Screen reader should convey ‘Checked’ information for the checked checkbox and ‘Unchecked’ information for the unchecked checkbox both the information should be avoided[Component Name]: [Bug Description]

Describe the bug

In entire application while navigating around the checkboxes within ‘Filters’ dialog, both ‘Checked and unchecked’ information is being read. Screen reader is not working correctly.

<S.FilterBar filterBarExpanded showGoOnFB showClearOnFB onRestore={onFilterBarRestore} useToolbar={useToolbar} showFilterConfiguration={showFilterConfiguration} onGo={onGo} showRestoreButton={showRestoreButton} onClear={onClear} data-testid="FilterBarComp" filterContainerWidth="17rem" className="sapUiSizeCompact" onFiltersDialogSave={e => handleOnFiltersDialogSave(e, onFilterConfigDialogSave)} onFiltersDialogCancel={onFiltersDialogCancel} onFiltersDialogOpen={e => handleOnFiltersDialogOpen(e, onFilterConfigDialogOpen)} onFiltersDialogSelectionChange={onFiltersDialogSelectionChange} variants={
<VariantManagementField variantList={variantList} updateVariantId={updateVariantId} currentVariant={currentVariant} isVariantDirty={isVariantDirty} onSaveManageView={onSaveManageView} handleVariantCreate={handleVariantCreate} handleVariantEdit={handleVariantEdit} triggerDataFetch={triggerDataFetch} variantId={variantId} triggerVariantDetailFetch={triggerVariantDetailFetch} /> }

{filterFieldsList.map( ({ key, fieldKey, label, groupName, labelTooltip, required, visibleInFilterBar, enabled = true, considerGroupName, ...filter }) => ( <FilterGroupItem key={key} label={label} groupName={groupName} labelTooltip={labelTooltip} required={required} considerGroupName={considerGroupName} data-testid="FilterGroupItemComp" visibleInFilterBar={enabled}

<FilterField label={label} key={key} fieldKey={fieldKey} {...filter} required={required} inputDataset={filterDataset} customOnChangeHandler={onChange} onPageFilterBarGoOnEnter={onPageFilterBarGoOnEnter} onGo={onGo} /> ), )}

</S.FilterBar>

------------------------------------------------------------------------------
import React, { forwardRef } from 'react';

const FilterField = forwardRef(({ as: FilterFieldComponent, ...props }, ref) => { return <FilterFieldComponent {...props} />; });

export default FilterField;

Isolated Example

No response

Reproduction steps

1. 2. 3. ...

Expected Behaviour

Screen reader should convey ‘Checked’ information for the checked checkbox and ‘Unchecked’ information for the unchecked checkbox both the information should be avoided.

Screenshots or Videos

No response

UI5 Web Components for React Version

0.27.5

UI5 Web Components Version

1.6.0

Browser

Chrome

Operating System

Windows11

Additional Context

No response

Relevant log output

No response

Organization

No response

Declaration

[X] I’m not disclosing any internal or sensitive information.

SAP / ui5-webcomponents-react