Pure CSS Star Rating Input
This weekend, I ventured to find a simple star rating input for a personal project. There are many implementations floating around that are not semantic, not accessible, or needlessly complicated.
Below is my implementation that uses the semantically-appropriate HTML radio inputs needed by keyboard users, includes Unicode text labels for both display and screen readers, and avoids use of JS.
See the Pen Pure CSS Star Rating Input by Neil Pomerleau (@neilpomerleau) on CodePen.
Next: Instant Messaging at LinkedIn
About Me
Hi, I'm Neil! I'm passionate about building delightful products at scale, creating music, and performing in theatre and comedy shows.
Leave a Comment