fundamental-ngx icon indicating copy to clipboard operation
fundamental-ngx copied to clipboard

[Sourcing-2][Accessibility: ACC-264.1][WIP]Table: Region Information and tabular list container not mentioned.

Open JyotiKumari1507 opened this issue 1 year ago • 3 comments

Is this a bug, enhancement, or feature request?

Bug

Describe your proposal.

Component having issue: https://sap.github.io/fundamental-ngx/#/platform/table/basic When the first interactive element under the tabular section receives focus, tabular list container must be mentioned along Region/Heading information. But its not happening

Can you handle that on the application side

No

Which versions of Angular and Fundamental Library for Angular are affected? Please, specify the exact version. (If this is a feature request, use current version.)

All latest version

If this is a bug, please provide steps for reproducing it; the exact components you are using;

Using Screen reader can check by implementing similar case. Just use table with search or few button in toolbar and try to access first button/search as it is the first element under the tabular section , the user must be informed by screen reader about the existence table by mentioning as ‘Tabular list container’ and also region/heading information.

Please provide relevant source code (if applicable).

Please provide stackblitz example(s).

In case this is Accessibility related topic, did you consult with an accessibility expert? If not, please do so and share their recommendations.

Yes we have got this bug from Accessibility expert only.

Did you check the documentation and the API?

Yes

Did you search for similar issues?

Is there anything else we should know?

JyotiKumari1507 avatar Jan 21 '24 10:01 JyotiKumari1507

Hi @JyotiKumari1507,

Could you please provide info where exactly you expect such a tabular list announcement and why? Maybe you can add a screenshot? The table here has a grid role and is not a list.

Thanks, Nikolay

nikolay-kolarov avatar Feb 02 '24 16:02 nikolay-kolarov

@nikolay-kolarov @droshev Please refer screenshot of screen reader provide. As per accessibility team, When the user access the ‘Rotate’ button within the tabular section ‘Key Encryption Keys’, as it is the first element under the tabular section , the user must be informed about the existence table by mentioning as ‘Tabular list container’ and also region/heading information. image

JyotiKumari1507 avatar Feb 06 '24 06:02 JyotiKumari1507

Hi @JyotiKumari1507, HI @droshev,

On the provided link (https://sap.github.io/fundamental-ngx/#/platform/table/basic) what you have is a grid and it will be announced when you focus the first cell in it:

image

It is the same as in UI5: https://ui5.sap.com/#/entity/sap.ui.table.Table/sample/sap.ui.table.sample.Selection

What you focus on top is a toolbar and you get the announcement that you are in a toolbar. So from my point of view, the implementation is ok.

Best Regards, Nikolay

nikolay-kolarov avatar Feb 08 '24 12:02 nikolay-kolarov

Hello Colleague's, Retested the issue with the new URL provided: https://qa.cobalt.ariba.com/emc/. and the issue is partially fixed. observed that

  1. for 'Key Encryption Keys (37)' the tabular header is not conveyed.
  2. Toolbar is conveyed for both the tables.

Attached Evidence for reference. image

Regards, Meghana.

MeghanaVernekar avatar Jun 07 '24 12:06 MeghanaVernekar

Can you open a new ticket and creating a stackblitz with the issue?

droshev avatar Jun 11 '24 14:06 droshev

Created new defect: https://github.com/SAP/fundamental-ngx/issues/12045

divyamalhotra488 avatar Jun 27 '24 09:06 divyamalhotra488