Accessibility Dropdown > Radio buttons are not clickable

Most appropriate sections of the p5.js website?

Other (specify if possible)

What is your operating system?

Mac OS

Web browser and version

No response

Actual Behavior

• Open accessibility options dropdown
• Click on any row, but on the text --> can toggle the option on/off
• Click on the same row, but on the radio icon --> has no effect

Expected Behavior

• Would expect that clicking on the radio icon would also toggle the option on/off

Steps to reproduce

Reproduction demo:

https://github.com/user-attachments/assets/6eb39a36-ff47-4729-a160-fb5742c8de72

I think the issue is within the Dropdown component here where the onClick handler is around a button that wraps only the text

Wondering if we should also update the variant types, since it says "radio", but in the comments it says in the "radio" variant, we can have multiple items selected --> so this should be "checkbox"

& maybe we swap the button pattern for an input type=checkbox?

Would you like to work on the issue?

Sure