Skip to content

bug(Datepicker): In multi-year view, date picker doesnt announce selected year range #28360

Closed
@Kmaczek

Description

@Kmaczek

Is this a regression?

  • Yes, this behavior used to work in the previous version

The previous version in which this bug was not present was

14.2.7

Description

Steps to reproduce:

  1. Open multi year view.
    image
  2. Tab to previous (or next) arrow and press enter.
    image
  3. Observe that, displayed year range is updated, but it's not announced
  4. Tab back to the year range (incorrectly announced for firefox)
    image

image

Reproduction

Can be reproduced on documentation page: https://material.angular.io/components/datepicker/overview#accessibility with basic datepicker example (first one)
I checked it for versions 17.0.4 and 16.2.12, 15.2.9, 14.2.7 and 12.2.13

I used NVDA, Jaws, Firefox, Chrome

Expected Behavior

  • Related to Repro step no. 3: Announce change of year range.
    image

  • Related to Repro step no. 4: Announce '1992 to 2015'

Actual Behavior

  • Related to Repro step no. 3: Visual changes should be announced to the user. This doesn't happen since version 15.
    Happens for both JAWS/NVDA and Chrome/Firefox

  • Related to Repro step no. 4: its announcing previous range '2016 to 2039', instead announcing '1992 to 2015' according to displayed label. This happens for Firefox only.

Environment

  • Angular: 16.1.3 (any after 14)
  • CDK/Material: 16.1.3 (any after 14)
  • Browser(s): Chrome, Firefox
  • Operating System (e.g. Windows, macOS, Ubuntu): Windows

Metadata

Metadata

Assignees

No one assigned

    Labels

    AccessibilityThis issue is related to accessibility (a11y)P2The issue is important to a large percentage of users, with a workaroundarea: material/datepicker

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions