The next update will contain the much-needed accessibility support.
Stay tuned.
Good afternoon. Very fast support. Thank you! Accessibility features have been added to the ratings. Very cool. We tested it and it seems to have two issues:
- When focusing and tabbing through site elements, when we reach the ratings, the first star is focused, but when we press the Tab key again, focus doesn’t move to the second, third, fourth, or fifth star. Focus jumps past them and moves to the next site element.
- aria-label attributes have been added. When a screen reader is running, they are announced in the user’s language (English, Spanish, French, Russian, etc.). This works, but not completely. Part of the attribute, specifically OUT OF (aria-label=”3 out of 5″), is only read in English by screen readers. This may confuse users with disabilities, as not everyone speaks English.
Please review. Maybe we can make some adjustments. Thanks again!
We’ve added a Russian translation. This should help with the second issue for Russian-speaking users.
1. When the first star is focus, you can use the left/right and up/down navigation buttons to select the stars rating.
2. Thanks for adding the ru translation.
Yes, we already know this and have tested it. It definitely works. I’d like to ask you why you chose this particular solution. This focusing method is not very convenient and intuitive for users with disabilities. Everyone uses the TAB key to move from element to element. Is it possible to implement TAB navigation through the rating stars, as this is considered a generally accepted and standard option known to all users worldwide? Thank you.
I was mistaken. I’ve researched the issue further. The rating’s navigation for people with disabilities is implemented correctly and doesn’t require any changes.
According to W3C accessibility standards (WCAG), proper navigation of a star rating depends on the chosen technical pattern. Radio Group or Slider-based options are considered the most accessible.
- Radio Group Pattern
This method is recommended for ratings with a small number of stars (usually up to 7).
Tab / Shift + Tab:
Moves focus to the entire rating group or just the selected star.
The Tab key shouldn’t cycle through each star individually; it takes the user to the next interactive element after the rating.
Arrow Keys (← / → / ↑ / ↓):
Used to move focus between stars within a group.
When you move focus to a new star, it is usually automatically selected (a new rating value is set).
Home / End keys:
Home — instantly jumps to the first star (minimum rating).
End — jumps to the last star (maximum rating).
Glad you finally came around 😊
You can share some kind words about this plugin so others will find it useful.
Have a great day.
Yes, I’ll definitely leave a review if possible. I have another question. When checking the page for markup in https://validator.w3.org/, it returns the following error.
Error: The aria-labelledby attribute references rmp-title-3231, which is not the ID of any element in this document.
From line 1, column 59289; to line 1, column 59382
t-id=3231><div class="rmp-rating-widget js-rmp-rating-widget" role=group aria-labelledby=rmp-title-3231><div
rmp-title-3231 is the paragraph ID of the widget title.
What is your website url with the rating widget let me see.
Set a title for rating widget in FeedbackWP >> Settings >> Customize >> Title and you will see that is the ID of the title element
View post on imgur.com
Thank you. We have this feature disabled. We don’t really need a widget title. So if someone doesn’t need the title and disables it, this error will always be the default?
