components icon indicating copy to clipboard operation
components copied to clipboard

Published 20 hours ago • verified publisher icon angular

bug(Datepicker): Accessibility issue with Microsoft Narrator

Open mazhar-fis opened this issue 4 months ago • 1 comments

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

No response

Description

When you turn on Windows Narrator and use MS Edge, the date picker trigger button (calendar icon button) is not selectable. As a result, I am unable to open date selection popup.

Reproduction

StackBlitz link: Steps to reproduce:

  1. Open this link in MS Edge browser: https://stackblitz.com/edit/esgzuf?file=src%2Fexample%2Fdatepicker-overview-example.html
  2. Turn on Windows Narrator.
  3. Navigate to datepicker trigger button (calendar icon button)
  4. Click Space/Enter key image

Expected Behavior

Date selection popup should open. image

Actual Behavior

Date selection popup does not open. image

Environment

  • Angular: 17
  • CDK/Material: 17.2.0
  • Browser(s): MS Edge only
  • Operating System (e.g. Windows, macOS, Ubuntu): Windows

mazhar-fis avatar Feb 20 '24 08:02 mazhar-fis

Hello folks, Angular components does not official support Microsoft Narrator, but I'm leaving this open anyways because it would be great to address this. Un-assigning myself. -Zach

zarend avatar Feb 27 '24 19:02 zarend