Wrong Aria-Label on Datepicker Header for Next and Previous Year Selector Buttons

[noobyogi0010]

Reproduction

Steps to reproduce:

1. Add Angular Material Datepicker component to you app.
2. Open the app in the browser.
3. Switch on any screen reader.
4. Open the calendar dialog. Press tab to navigate to month selector.
5. Press enter to enter the year range view.
6. Press tab to navigate to the arrow buttons.
7. Observe the output of screen reader.

Expected Behavior

What behavior were you expecting to see?
The screen reader should read Previous 24 years or Next 24 years as total 24 years are shown in the mat-calendar-content.

Actual Behavior

What behavior did you actually see?
The screen reader reads Previous 20 years or Next 20 years.

Environment

• Angular: 11.0.9
• CDK/Material: 11.2.13
• Browser(s): Chrome
• Operating System (e.g. Windows, macOS, Ubuntu): Windows

[angular-automatic-lock-bot]

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}