Accessible Star Rating Widget with Radio Inputs (No JavaScript Library)
A 5-star rating widget built with native radio inputs, so it's keyboard accessible and works without any JavaScript library. Uses the classic flex-direction: row-reverse plus ~ sibling-selector trick to highlight stars on hover/checked in pure CSS. A small vanilla JS layer adds a live aria-live status text, a clear button, and persists the chosen rating to localStorage.
Views: 215
2026
