search

hypeserver / react-date-range

A React component for choosing dates and date ranges.
MIT License
2.59k stars 672 forks source link

Accessibility Issues with the arrows buttons #373

Closed VRedondo-zz closed 3 years ago

VRedondo-zz commented 4 years ago

Subject of the issue

Arrow buttons do not pass ARIA Test

[BUG] Bug Reproduce Steps

  1. Install the next add on for web accessibility testing https://chrome.google.com/webstore/detail/axe-web-accessibility-tes/lhdoppojpmngadmnindnejefpokejbdd
  2. Ran the test with the range picker open
  3. The plugin reports issues with the arrow buttons at the top of the picker, indicating that these do not have a discernible text https://dequeuniversity.com/rules/axe/3.5/button-name?application=AxeChrome

[BUG] Expected behaviour

The react-date-range picker should include in their API a way to set a aria-label to these buttons

Environment

Package Version: 1.0.3 React version: 16.12.0 Node version: n/a Browser: Version 81.0.4044.138 (Official Build) (64-bit)

Screenshot at May 22 15-15-50
kamyar commented 3 years ago

Should be fixed please feel free to open a new issue if something is missing