react-bootstrap-table2 icon indicating copy to clipboard operation
react-bootstrap-table2 copied to clipboard

Incorrect role is defined as a link for multiple controls i.e., back, 0, 1, 2, 3, next and last button

Open anmohanty123 opened this issue 3 years ago • 0 comments

Describe the bug Incorrect role is defined as a link for multiple controls i.e., back, 0, 1, 2, 3, next and last button

To Reproduce Steps to reproduce the behavior:

  1. Go to https://react-bootstrap-table.github.io/react-bootstrap-table2/storybook/index.html?selectedKind=Pagination&selectedStory=Basic%20Pagination%20Table&full=0&addons=1&stories=1&panelRight=0&addonPanel=storybook%2Factions%2Factions-panel
  2. Turn on Screen Reader
  3. Go to the page links
  4. Incorrect role is defined as a link for multiple controls i.e., back, 0, 1, 2, 3, next and last button. Due to this screen reader does announce "1 link, 2 link, 3 link".

Screenshots image

codesandbox https://react-bootstrap-table.github.io/react-bootstrap-table2/storybook/index.html?selectedKind=Pagination&selectedStory=Basic%20Pagination%20Table&full=0&addons=1&stories=1&panelRight=0&addonPanel=storybook%2Factions%2Factions-panel

anmohanty123 avatar Jun 13 '22 22:06 anmohanty123