FocusZone: initialize horizontal alignement when focus is changed or set via defaultActiveElement #3250
Description
Bug Report
-
Package version(s): (fill this out) https://developer.microsoft.com/en-us/fabric#/components/datepicker
-
Browser and OS versions: Chrome on Mac
Screen reader: ChromeVox
Priorities and help requested (not applicable if asking question):
Are you willing to submit a PR to fix? No
Requested priority: (Blocking, High, Normal, Low) Normal
Products/sites affected: OWA Calendar
Describe the issue:
- When I tab to the month arrow buttons I get the "go to next month " but when I hit "enter" (goes to that next month) it doesn't tell me then "go to next month so it is not clear to me what month I am on or how I can easily navigate to a certain month (like 4 months from now).
I would expect for it to read what the next option is after I enter "Go to next month January" enter "Go to next month February"
- It will read the date selected when I open the datepicker (be in focus) but if I hit the "up" arrow it goes to the previous week on Sunday or if I hit the "down" arrow it will go to the next Sunday. I would expect it to go up one week or down from the current day selected (it does work this way when using the arrows other then from the initial selected state). Essentially I expect that the focus follows the up and down/left and right arrowing.
Below it started on 12 and I hit the up arrow.
Actual behavior:
See above
Expected behavior:
I am not an accessibility expert so I cannot give 100% accurate guidance but this does not seem very friendly when I tried it with the screenreader. Can someone knowledgeable look at this and provide a spec for an accessible experience?