Issue Summary

The element Calendar picker has missing or incorrect states or properties that are necessary for screen reader users to interact with or understand the content conveyed by the element.

Steps to Reproduce

1. Launch the URL
2. Navigate to the Last changed filter in the Repositories section in the main content area.
3. Activate the From and To calendar picker elements.

Screenshot

Actual Results

In the Repository management, the date pickers for the filters for Last changed by Date, the element have aria-hidden="true" attribute. The aria-hidden="true" attribute is used to hide the content from assistive technology users. Although it is a best practice to use the aria-hidden="true" attribute to hide irrelevant content for screen reader users, it can pose issues for screen reader users if it is not used correctly.

Additionally, the interactive elements to change the Month and years arrows do not receive keyboard focus but are activated via mouse click.

Expected Results

Remove aria-hidden=”true” from the <button> element in the page source. When aria-hidden is set to "true" for an element on a web page, screen readers will not identify the element for their users, even though visually the element is present on the screen. 
Additionally, make sure the Arrow type interactive elements receive keyboard focus to change the month in the date picker.
An example could be found at: https://www.w3.org/TR/wai-aria-practices/examples/dialog-modal/datepicker-dialog.html 

Workaround

Currently, there is no known workaround for this behaviour. A workaround will be added here when available. 

Bug Ref: 741953