HTML 5 required attribute for radio and check boxes

Hi,
Looking for input on how to implement required attribute for radio buttons
and checkboxes.
*Radio buttons*: When a user selects one of the radio buttons the required
attribute is satisfied.
I have come across the below options:

   1.  Every radio button is marked up with required attribute. This
   confuses screen reader users.
   2. Only the first radio button is marked up as required. The user might
   assume that only the first option is required and other options should not
   be selected.


*Checkboxes*: When all checkboxes are marked up as required, it will add
extra verbosity and confusion to the screen reader users.

My opinion is to add "*" or "required" text to <legend> and not adding
"required" attribute to radio buttons or checkboxes.

What do you think?


Thanks,
Siri

Received on Monday, 30 December 2019 19:35:56 UTC