Star Rating
Rate with an accessible radio group styled as stars.
Radio stars
Source order is 5→1 with row-reverse so the CSS sibling trick highlights stars correctly while values stay meaningful.
Rate with an accessible radio group styled as stars.
Source order is 5→1 with row-reverse so the CSS sibling trick highlights stars correctly while values stay meaningful.
Radios stay in the accessibility tree; stars are labels.
<input id="star-5" name="difficulty" type="radio" value="5">
<label for="star-5">★</label>