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
I work as a Senior Software Engineer at LinkedIn and perform on stage and on keyboard for improv comedy shows in the Bay Area.