New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

bug(matierl/datepicker): Voiceover does not announce current month after clicking next month button #24397

Closed

zarend opened this issue Feb 10, 2022 · 1 comment

Assignees

Labels

Accessibility area: material/datepicker

Contributor

zarend commented Feb 10, 2022 •

edited

Loading

Is this a regression?

AFAIK no

Description

When using the datepicker with voiceover the month is not announced after clicking the month/previous month buttons.

Reproduction

Steps to reproduce:

With screenreader enamed go to basic Datepicker example
Open the calendar and navigate to Feb 1, 2022
Click the next month button
(Calendar displays the month of March 2022 and voiceover does not announce anything)

Expected Behavior

Screenreader should announce Mar 2022

Actual Behavior

screenreader does not announce anything after click the "Next Month" button

Environment

MacOS 12.2 (21D49)
Chrome Version 98.0.4758.80 (Official Build) (x86_64)
Safari Version 15.3 (17612.4.9.1.5)
Voiceover

zarend added Accessibility area: material/datepicker labels

zarend self-assigned this

zarend added a commit to zarend/components that referenced this issue


          fix(material/datepicker): use aria-live over cdkAriaLive on period bu…

33b6773

…tton

On the period button on the calendar, use `aria-live` over `cdkAriaLive`
because that seems to work better with VoiceOver. This fixes an issue
where VoiceOver did not announce the month after clicking the "Month
Month"/"Previous Month" buttons (angular#24397).

Fixes angular#24397

zarend added a commit to zarend/components that referenced this issue


          fix(material/datepicker): fix Voiceover losing focus on PageDown

3f294ef

Fixes an issue where Voiceover loses focus when pressing PageDown/PageUp
in the calendar to go to the next month/year (issue angular#24330). Adding a
20ms timeout seems to fix this.

Note that this will not fully fix the issue until angular#24397 is merged.

Address angular#24330.

zarend added a commit to zarend/components that referenced this issue


          fix(material/datepicker): use aria-live over cdkAriaLive on period bu…

1c17a2c

…tton

On the period button on the calendar, use `aria-live` over `cdkAriaLive`
because that seems to work better with VoiceOver. This fixes an issue
where VoiceOver did not announce the month after clicking the "Month
Month"/"Previous Month" buttons (angular#24397).

Fixes angular#24397

zarend added a commit to zarend/components that referenced this issue


          fix(material/datepicker): fix Voiceover losing focus on PageDown

9ef8e59

Fixes an issue where Voiceover loses focus when pressing PageDown/PageUp
in the calendar to go to the next month/year (issue angular#24330). Adding a
20ms timeout seems to fix this.

Note that this will not fully fix the issue until angular#24397 is merged.

Address angular#24330.

zarend added a commit to zarend/components that referenced this issue


          fix(material/datepicker): use aria-live over cdkAriaLive on period bu…

620283b

…tton

On the period button on the calendar, use `aria-live` over `cdkAriaLive`
because that seems to work better with VoiceOver. This fixes an issue
where VoiceOver did not announce the month after clicking the "Month
Month"/"Previous Month" buttons (angular#24397).

Fixes angular#24397

zarend added a commit to zarend/components that referenced this issue


          fix(material/datepicker): fix Voiceover losing focus on PageDown

5939b36

Fixes an issue where Voiceover loses focus when pressing PageDown/PageUp
in the calendar to go to the next month/year (issue angular#24330). Adding a
20ms timeout seems to fix this.

Note that this will not fully fix the issue until angular#24397 is merged.

Address angular#24330.

zarend added a commit to zarend/components that referenced this issue


          fix(material/datepicker): use aria-live over cdkAriaLive on period bu…

26b48a0

…tton

On the period button on the calendar, use `aria-live` over `cdkAriaLive`
because that seems to work better with VoiceOver. This fixes an issue
where VoiceOver did not announce the month after clicking the "Month
Month"/"Previous Month" buttons (angular#24397).

Fixes angular#24397

zarend added a commit to zarend/components that referenced this issue


          fix(material/datepicker): use aria-live over cdkAriaLive on period bu…

d34cdb4

…tton

On the period button on the calendar, use `aria-live` over `cdkAriaLive`
because that seems to work better with VoiceOver. This fixes an issue
where VoiceOver did not announce the month after clicking the "Month
Month"/"Previous Month" buttons (angular#24397).

Fixes angular#24397

zarend added a commit to zarend/components that referenced this issue


          fix(material/datepicker): fix Voiceover losing focus on PageDown

903b632

Fixes an issue where Voiceover loses focus when pressing PageDown/PageUp
in the calendar to go to the next month/year (issue angular#24330). Adding a
20ms timeout seems to fix this.

Note that this will not fully fix the issue until angular#24397 is merged.

Address angular#24330.

zarend added a commit to zarend/components that referenced this issue


          fix(material/datepicker): use aria-live over cdkAriaLive on period bu…

ef98cd8

…tton

On the period button on the calendar, use `aria-live` over `cdkAriaLive`
because that seems to work better with VoiceOver. This fixes an issue
where VoiceOver did not announce the month after clicking the "Month
Month"/"Previous Month" buttons (angular#24397).

Fixes angular#24397

zarend added a commit to zarend/components that referenced this issue


          fix(material/datepicker): fix Voiceover losing focus on PageDown

294ac38

Fixes an issue where Voiceover loses focus when pressing PageDown/PageUp
in the calendar to go to the next month/year (issue angular#24330). Adding a
20ms timeout seems to fix this.

Note that this will not fully fix the issue until angular#24397 is merged.

Address angular#24330.

zarend added a commit to zarend/components that referenced this issue


          fix(material/datepicker): fix Voiceover losing focus on PageDown

Fixes an issue where Voiceover loses focus when pressing PageDown/PageUp
in the calendar to go to the next month/year (issue angular#24330). Adding a
20ms timeout seems to fix this.

Note that this will not fully fix the issue until angular#24397 is merged.

Address angular#24330.

andrewseguin pushed a commit that referenced this issue


          fix(material/datepicker): use aria-live over cdkAriaLive on period bu…

046022f

…tton (#24398)

On the period button on the calendar, use `aria-live` over `cdkAriaLive`
because that seems to work better with VoiceOver. This fixes an issue
where VoiceOver did not announce the month after clicking the "Month
Month"/"Previous Month" buttons (#24397).

Fixes #24397

(cherry picked from commit a8ec63c)

andrewseguin closed this as completed in

a8ec63c

angular-automatic-lock-bot bot commented Apr 1, 2022

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.}

angular-automatic-lock-bot bot locked and limited conversation to collaborators

forsti0506 pushed a commit to forsti0506/components that referenced this issue


          fix(material/datepicker): use aria-live over cdkAriaLive on period bu…

940ee9b

…tton (angular#24398)

On the period button on the calendar, use `aria-live` over `cdkAriaLive`
because that seems to work better with VoiceOver. This fixes an issue
where VoiceOver did not announce the month after clicking the "Month
Month"/"Previous Month" buttons (angular#24397).

Fixes angular#24397

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.