Provide an accessible rating element

Created on 21 July 2025, about 2 months ago

Problem/Motivation

The current webform rating element uses jquery/rateit which is not accessible at all, no keyboard navigation, no voiceover.

Instead we could use the star-rating.js library, providing fully accessible rating widgets.

Instead of an input element, star-rating.js requires a <select> element.

Steps to reproduce

Have the jquery/rate-it library added to your project

Add a rating element to a webform

Try with keyboard navigation or voiceover to change the rating.

Proposed resolution

Either provide a new element for accessible rating

Or refactor the current rating element to be able to use star-rating.js

Remaining tasks

User interface changes

API changes

Data model changes

✨ Feature request
Status

Active

Version

6.3

Component

Accessibility

Created by

leymannx Berlin

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Comments & Activities

Production build 0.71.5 2024