UI5 / UI5/webcomponents-react

[FilterBar]: not able to give any accessible name to the Filters dialog which opens after clicking on Filters button

Open
#7,582 4 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

a11y Design Pending
Dominant language
TypeScript
Stars
540
Forks
113
Avg merge
1d 9h
Merged PRs (30d)
67

Description

Bug Description
Image We have received an accessible issue regarding the dialog filter box and we are not able to give it an accessible name
Affected Component

FilterBar

Expected Behaviour

No response

Isolated Example

https://stackblitz.com/edit/github-jfxgx5qr?file=src%2FApp.tsx

Steps to Reproduce

1.click on filter button
2. check the accessible name for the dialog

Log Output, Stack Trace or Screenshots

No response

Priority

High

UI5 Web Components Version

2.7.0

Browser

Chrome

Operating System

No response

Additional Context

No response

Organization

No response

Declaration
  • I’m not disclosing any internal or sensitive information.

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start with the isolated example in src/App.tsx and inspect the FilterBar component when its Filters dialog opens. Reproduce the issue in Chrome and determine how the dialog's accessible name is exposed; done means the opened dialog has an accessible name that can be verified with accessibility tooling.

Written by the indexing model from the issue text.

Assessment

Tech stack
react, typescript
Domain
accessibility, frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.