MudDatePicker Accessibility Issues

MudBlazor / MudBlazor

Blazor Component Library based on Material design with an emphasis on ease of use. Mainly written in C# with Javascript kept to a bare minimum it empowers .NET developers to easily debug it if needed.

http://mudblazor.com

MIT License

8.13k stars 1.28k forks source link

MudDatePicker Accessibility Issues #9670

Open fevans-tamus opened 2 months ago

fevans-tamus commented 2 months ago

Feature request type

Enhance component

Component name

MudDatePicker

Is your feature request related to a problem?

This component does not support tabbing and arrow keys.

Describe the solution you'd like

We would like the component to be more accessible and support tabbing and arrow keys.

Have you seen this feature anywhere else?

No response

Describe alternatives you've considered

No response

Pull Request

[ ] I would like to do a Pull Request

Code of Conduct

[X] I agree to follow this project's Code of Conduct

mwiehler commented 2 months ago

+1 In our projects we've also experienced that this seems to be a frequent requirement! Especially when opening the picker with the keyboard, the focus should switch to the opened popover so the user can select a date by using the keyboard only.

Cerberus4444 commented 2 months ago

+1 We're currently also evaluating the accessibility in our projects. The MudDatePicker Keyboard Accessibility Issue was also a finding in our evaluation.

qpzmm2000 commented 1 month ago

I asked the question before without response. Finally I find a workaround, the select date will be shown if adding the below properties. Editable="false" and Mask="@(new DateMask("date format you need"))"