Skip to content
This repository was archived by the owner on May 19, 2025. It is now read-only.
This repository was archived by the owner on May 19, 2025. It is now read-only.

Accessibility Issues with the arrows buttons  #373

Description

@VRedondo-zz

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

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions