[Sourcing-2][Accessibility: ACC-263.1][WIP] The main region should be marked for all the screens and content from where the main region starts should be conveyed to screen readers.

[JyotiKumari1507]

Is this a bug, enhancement, or feature request?

Bug

Describe your proposal.

The main region should be marked for all the screens and content from where the main region starts should be conveyed to screen readers. When we develop UI using NGX component. In VPC mode, when navigated in R key, No main region along with its contents are read out. Even though we have defined page details in top level of every page

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;

Accessibility expert can help

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?

Did you search for similar issues?

Is there anything else we should know?

[droshev]

@JyotiKumari1507 Can you provide more information?

[JyotiKumari1507]

@droshev Lets discuss this in our next call

[droshev]

@JyotiKumari1507 we need the input written so it will be easier to process

[JyotiKumari1507]

@droshev As per accessibility team, The main region should be marked for all the screens and content from where the main region starts should be conveyed to screen readers. In VPC mode, when navigated in R key, No main region along with its contents are read out. Attaching screen reader screenshot for more details:

[droshev]

most of the fields are not answered

[JyotiKumari1507]

@droshev please let us know what fields are pending to fill from our side

[droshev]

@JyotiKumari1507 did you set all aria attributes needed? If so, can you create a small stackblitz example demonstrating that you cannot set this on the application side?

[JyotiKumari1507]

@divyamalhotra488 please share stackblitz example

[droshev]

@JyotiKumari1507 any updates?

[divyamalhotra488]

Hi @droshev, please find the stackblitz example here: https://stackblitz.com/edit/qnytqa?file=src%2Fapp%2Fdynamic-page-tabs-example.component.html