-
Notifications
You must be signed in to change notification settings - Fork 314
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.
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
[Accessibility] Autocomplete - Fix up/down arrow and labels for screen reader [v3] #1383
[Accessibility] Autocomplete - Fix up/down arrow and labels for screen reader [v3] #1383
Conversation
Azure Static Web Apps: Your stage site is ready! Visit it here: https://black-pebble-0dc79cb03-1383.westeurope.3.azurestaticapps.net |
1 similar comment
Azure Static Web Apps: Your stage site is ready! Visit it here: https://black-pebble-0dc79cb03-1383.westeurope.3.azurestaticapps.net |
Azure Static Web Apps: Your stage site is ready! Visit it here: https://black-pebble-0dc79cb03-1383.westeurope.3.azurestaticapps.net |
Azure Static Web Apps: Your stage site is ready! Visit it here: https://black-pebble-0dc79cb03-1383.westeurope.3.azurestaticapps.net |
…n reader [v3] (#1383) * Add FluentKeyCode * Add FluentKeyCode and samples * Fix Autocomplete Accessibility using AriaLabel * Update IsReachedMaxItems when Remove last item * Update Unit Tests * Update Unit Tests * Remove unused log
[Accessibility] Autocomplete - Fix up/down arrow and labels for screen reader
Add a new FluentKeyCode component
In some circumstances, Blazor does not retrieve all the KeyDown information received from JavaScript. FluentKeyCode retrieves this data, in a similar way to the JavaScript KeyCode library and to this demo sample.
The FluentKeyCode component extends the functionality of OnKeyDown by adding the KeyCode property when the OnKeyDown event is raised.
Example:
KeyCode.mp4
Fix the Autocomplete component
The numeric keypad arrow (up/down) can now be used to navigate through list items.
Labels have been updated to be read by the NVDA screen reader.
Autocomplete-Fix-Accessibility.mp4
Unit Tests
Unit tests have been updated and verified.