umbraco / Umbraco.UI

Umbraco UI Components
MIT License
119 stars 45 forks source link

Radiobutton is not accessible via keyboard #619

Open bjarnef opened 1 year ago

bjarnef commented 1 year ago

Which exact UI Library version are you using? For example: 1.0.1 - don't just write v1.

1.4.0

Bug summary

It seems the radiobutton isn't accessible via keyboard like checkbox is. https://uui.umbraco.com/?path=/story/uui-radio--aaa-overview https://uui.umbraco.com/?path=/story/uui-checkbox--aaa-overview

Specifics

No response

Steps to reproduce

Navigate radiobutton using keyboard.

Expected result / actual result

No response

bjarnef commented 9 months ago

The issue is clear if trying to navigate versions and filter on these using keyboard only: https://marketplace.umbraco.com/category/commerce

It should act similar to traditional radiobuttons where it focus first radiobutton when focus from top (tab key), but last when focus from bottom (Shift + tab key). If a radiobutton is selected it should focus this instead and using arrow up/down or left/right key should move selected radiobutton. https://www.w3schools.com/tags/tryit.asp?filename=tryhtml5_input_type_radio