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]

[sanjayC5373903]

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} /> </FilterGroupItem> ), )}

</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

...

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.

[Lukas742]

Hi @sanjayC5373903

v0.27.5 was still in beta state and is over 2 years old. Since I can't reproduce the issue and the FilterBar has changed a lot since then please retest the issue with the latest version of @ui5/webcomponents-react.

[github-actions[bot]]

Hi everyone! Seems like there hasn't been much going on in this issue lately. If there are still questions, comments, or bugs, please feel free to continue the discussion. Inactive issues will be closed after 7 days. Thanks.

[github-actions[bot]]

Hey there, it's me again! I am going close this issue to help our maintainers focus on the current development roadmap instead. If the issue mentioned is still a concern, please first check to see if the maintainers have requested additional input and provide it if necessary, or post a detailed description of why this issue is still a problem.