All your label elements should be associated with an input using the for attribute. This needs to contain the ID of the matching input—you have some labels with for set, but the values aren't right.
If you do this it will improve the UX as well as the accessibility, since it makes clicking the label trigger the input. This is nice for the radios as you will be able to click the whole image to toggle them instead of having to hit the tiny radio circle.
All your label elements should be associated with an input using the
for
attribute. This needs to contain the ID of the matching input—you have some labels withfor
set, but the values aren't right.If you do this it will improve the UX as well as the accessibility, since it makes clicking the label trigger the input. This is nice for the radios as you will be able to click the whole image to toggle them instead of having to hit the tiny radio circle.