Neil Pomerleau

Neil Pomerleau

Software Engineer, Comedian, Musician

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

Leave a Comment

About Me

Hi, I'm Neil! I'm passionate about building delightful products at scale, creating music, and performing in theatre and comedy shows.

Learn more