Skip to content

bug(material/datepicker): Voiceover Loses Focus when pressing Page Down key #24330

Closed
@zarend

Description

@zarend

When navigating the calendar with VoiceOver enabled, pressing Page Down causes the screenreader focus to move to the entire calendar, instead of stay on an individual date.

Reproduction

Steps to reproduce:

  1. With Screenreader enabled, Open the datepicker expands in a browser and navigate to the Basic Datepicker Demo.
  2. Click on the Calendar button to open the datepicker
  3. navigate to January 28, 2022
  4. (VoiceOver reads "January 28, 2022". the cell for Jan 28, 2022 has blue focus outline and black voiceover outline
  5. Press PageDown
  6. (VoiceOver reads "February, 2022". The Cell for Feb 28, 2022 has blue focus outline. Voiceover's black outline is around the entire box. Voiceover should read "February 28, 2022".

Expected Behavior

Voiceover reads "February 28, 2022".

Actual Behavior

voiceover reads "February, 2022"

Environment

Operating System | macOS Monterey 12.1 (21C52)
Browser | Chrome Version 97.0.4692.99 (Official Build) (x86_64), Safari Version 15.3 (17612.4.9.1.5)
Screenreader | VoiceOver

jan-28-2022-.feb.mov
Additional Notes

This is copied from an internal bug report found during a11y testing.

Metadata

Metadata

Assignees

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions