diff --git a/docs/docs/resources/changelog.md b/docs/docs/resources/changelog.md
index 70144e6ec..5d0cf4974 100644
--- a/docs/docs/resources/changelog.md
+++ b/docs/docs/resources/changelog.md
@@ -18,6 +18,7 @@ During the alpha period, things might break! We take breaking changes very serio
 - Added more resilient support for lazy loaded options in `<wa-select>`
 - Added support for vertical button groups
 - Fixed a bug in `<wa-rating>` when using `precision`
+- Fixed a bug in `<sl-rating>` that allowed tabbing into the rating when readonly
 - Fixed a bug in `<wa-relative-time>` where the title attribute would show with redundant info
 - Fixed a bug in `<wa-tooltip>` that caused a memory leak in disconnected elements
 - Fixed a bug in `<wa-select>` that prevented label changes in `<wa-option>` from updating the controller
diff --git a/src/components/rating/rating.ts b/src/components/rating/rating.ts
index 152dc24f9..e2ac7974b 100644
--- a/src/components/rating/rating.ts
+++ b/src/components/rating/rating.ts
@@ -240,7 +240,7 @@ export default class WaRating extends WebAwesomeElement {
         aria-valuenow=${this.value}
         aria-valuemin=${0}
         aria-valuemax=${this.max}
-        tabindex=${this.disabled ? '-1' : '0'}
+        tabindex=${this.disabled || this.readonly ? '-1' : '0'}
         @click=${this.handleClick}
         @keydown=${this.handleKeyDown}
         @mouseenter=${this.handleMouseEnter}