I am implementing a star rating system for an app, which should support several RTL locales. Right now, when the user hovers over a star, all stars to the left of it are filled in, like so:
★☆☆☆☆, for a one-star rating;
★★☆☆☆, for a two-star rating;
★★★☆☆, for a three-star rating.
Justifying text to the right does not alter my interaction/reading of that text. I still read it as I would a left-aligned block.
In an RTL locale, would I make something like
for a one-, two-, and three-star rating, respectively?
Edit: probably the best way to resolve this is by looking at existing rating systems in websites targeting RTL locales. Are there any well-known examples?