Accessibility: Disabled Previous and Next should not be readable by screen reader

[mupadhyaya]

Hi, thanks for contributing!

This project is maintained in my spare time, so in order to help me address your issue as quickly as possible, please provide as much of the following information as you can.

-- Michael

[^ delete this message]

=======

Angular version: 8

ngx-pagination version: 5.0.0

Description of issue:
Screen reader reads the label Previous and Next when it is not the link and don't able to determine the states of the label

Steps to reproduce: Please have any screen reader like NVDA for Windows , as I did testing on it.

1. Just the simple table with ngx-pagination.
2. Like we can see the example: https://stackblitz.com/edit/angular-e1f9hq?file=app%2Fapp.component.html
3. Open the screen reader and traverse to the page using arrow key.
4. We will observed it will read "Previous Page" where as it is disabled and similarly is happening with "Next Page" link when we are on last page where Next Page link is disable or removed.

Expected result: It will be great help if it will states the link as disabled. like "link disabled Previous Page"

Actual result:

Demo: (if possible, edit this StackBlitz demo and paste the link to your fork)

Any relevant code:

[michaelbromley]

Hi, I just checked the demo (https://michaelbromley.github.io/ngx-pagination/#/basic) and it seems that when the link is disabled, it is not focusable. I was under the impression that if it cannot be focussed, then it is not an issue for the screen reader. Is that incorrect then? Can screen readers traverse over disabled elements?

[mupadhyaya]

Hi, yes it is , do you try with NVDA it is the free screen reader that you can try with. It also has Speech Viewer where we can see what it is reading.