How do I add labels to radio button sets for accessibility?
I am in the process of converting a drag and drop interaction to a series of radio button sets to make the interaction accessible.
I've named each button set according to the text label next to it, and I was hoping that the screen reader would say that name aloud for each button choice, but it just says radio button not checked (or checked, depending on the state).
Is there a way of explicitly attaching the text label to the button set?
Do you think having the tab order set up correctly is enough to make this accessible?
Are there better ways of converting drag and drop interactions so they are accessible for keyboard nav and vision impaired learners?
I am avoiding drop down menus until the problem with JAWS not reading the items in the drop-down list is fixed.
Thanks for your thoughts and suggestions!