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.
October 16, 2016 at 3:29 pm
Next: Instant Messaging at LinkedIn
Hi, I'm Neil! I'm passionate about building delightful products at scale, creating music, and performing in theatre and comedy shows.