Skip to content

AnalyticalTable: A11Y - Table update and no data announcements missing for screen readers #7282

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
1 task done
fushizen opened this issue Apr 30, 2025 · 1 comment · May be fixed by #7286
Open
1 task done

AnalyticalTable: A11Y - Table update and no data announcements missing for screen readers #7282

fushizen opened this issue Apr 30, 2025 · 1 comment · May be fixed by #7286

Comments

@fushizen
Copy link

Describe the bug

Using JAWS 2025, the AnalyticalTable component has a few A11Y issues:

  1. On table data update / refresh, there is no announcement for screen readers that the table data has been updated
  2. On using the default no data text, there is no announcement that the table has no data (the focus never moves to the No data text area, screenshot attached, same behaviour for issue 3. below)
  3. On using a custom IllustratedMessage as the no data component, it is not possible to focus on / move the control to the no data component, thus the component is never announced by the screen reader i.e. there is no announcement that the table has no data when using a custom NoDataComponent

Isolated Example

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

Reproduction steps

  1. Open JAWS
  2. Go to the storybook for AnalyticalTable / linked StackBlitz
  3. There are no table data update announcements or no data announcements

Expected Behaviour

Screen reader announcements for when table data is updated and when there is no data in the table / custom no data component is used

Screenshots or Videos

Image

UI5 Web Components for React Version

2.9.0

UI5 Web Components Version

2.9.0

Browser

Edge

Operating System

No response

Additional Context

No response

Relevant log output

Organization

SAP

Declaration

  • I’m not disclosing any internal or sensitive information.
@Lukas742
Copy link
Contributor

Lukas742 commented Apr 30, 2025

Hi @fushizen

On table data update / refresh, there is no announcement for screen readers that the table data has been updated

I didn't find specifications for this, but since you're in control of the data, you can announce these updates on App side. E.g. by using the "Invisible Messaging" API of ui5-webcomponents.

If you feel like that this should be enabled out of the box, the request would need to go through the Inner Source process and be synchronised with the SAP Central Design team first. In this case please raise a BLI to the central design/a11y team and include the ticket number here for reference.

  1. On using the default no data text, there is no announcement that the table has no data (the focus never moves to the No data text area, screenshot attached, same behaviour for issue 3. below)
  2. On using a custom IllustratedMessage as the no data component, it is not possible to focus on / move the control to the no data component, thus the component is never announced by the screen reader i.e. there is no announcement that the table has no data when using a custom NoDataComponent

This will be fixed with the linked PR.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
Status: 🆕 New
Development

Successfully merging a pull request may close this issue.

2 participants