Accessible reviews, testimonials and star ratings: a 5-minute test and fixes

Almost every local-business homepage has a reviews section: five gold stars, a few quotes from happy customers and often a Google or Yelp widget that rotates them every few seconds. To many visitors with a disability it can mean nothing. Star images are often unnamed, so a screen reader says "image, image, image", quotes slide away before people finish reading, and pale grey text on a photo is hard to read. Reviews are some of the most persuasive content on your site, so it's worth making sure everyone can read them. Here's a 5-minute test and what to change.

The 5-minute reviews test

1. Is the rating in words? Turn on a screen reader (see our screen reader test) and move to your stars. You should hear something like "Rated 4.9 out of 5 from 132 Google reviews", not "image" five times or nothing at all. (WCAG 1.1.1)
2. Do rotating testimonials stop? If quotes change on their own and the rotation lasts more than 5 seconds, there should be a visible pause button, and the rotation should stop while someone hovers or focuses on it. (WCAG 2.2.2)
3. Can you read every quote with only the keyboard? Tab through the section. Arrows and dots should be reachable, show focus and have names like "Next review". (WCAG 4.1.2)
4. Is the text readable? Quote text needs 4.5:1 contrast against its background, including text placed over photos, and pale stars on white need at least 3:1 if they're the only way the rating is shown. (WCAG 1.4.3, WCAG 1.4.11)
5. Is each quote linked to who said it? The name and source ("Maria G., Google review, March 2026") should sit right after the quote in the reading order, not in a separate column a screen reader reaches later. (WCAG 1.3.1)
6. Do "Read more" and "See all reviews" links say where they go? "Read all 132 reviews on Google" beats a row of identical "Read more" links. (WCAG 2.4.4)
7. Does it work on a phone at 400% zoom? Quotes shouldn't be cut off or need sideways scrolling to read. (WCAG 1.4.10)

HTML you can copy

Put the rating in real text and hide the decorative star icons from screen readers so they aren't read twice:

<p class="rating">
  <span aria-hidden="true">★★★★★</span>
  Rated 4.9 out of 5 from 132 Google reviews
</p>

If you'd rather not show the words, keep them for screen readers with a visually-hidden class, but showing them helps everyone and often reads as more trustworthy:

<span aria-hidden="true">★★★★★</span>
<span class="visually-hidden">Rated 5 out of 5</span>

A testimonial is a quote with an author, so mark it up as one:

<figure class="testimonial">
  <blockquote>
    <p>They fixed our AC the same afternoon and explained every step.</p>
  </blockquote>
  <figcaption>Maria G., Google review, March 2026</figcaption>
</figure>

The names, numbers and dates above are example values; use your own real reviews. If your testimonials rotate, use the pause button and keyboard pattern from our accessible slider guide. Often the simplest fix is to stop rotating and show three quotes side by side, which stack on phones.

Common mistakes

• Star ratings as five separate images with no alt text, or with alt text "star" on each one.
• Screenshots of Google or Facebook reviews used as images, with no text version.
• Auto-rotating quotes with no pause button, or a rotation that restarts as soon as focus leaves.
• Light grey italic quote text on a cream or photo background.
• Half-filled stars shown only by colour, so a 4.5 rating looks like 5 to some colour-blind visitors. Put the number in text. (WCAG 1.4.1)
• A third-party review widget loaded in an untitled frame, so it's announced as "frame" with no name.

On Wix, Squarespace, Shopify or WordPress

Built-in testimonial blocks and review apps vary a lot by theme and version, so test yours with the 7 checks above. Look for settings to turn off autoplay, show the rating as text and set alt text on avatar photos (a person's photo next to their own quote can usually be decorative, with empty alt). If a third-party review widget fails the keyboard or screen reader checks and you can't change it, add a short text summary above it ("Rated 4.9 out of 5 from 132 Google reviews") and a plain link to your reviews page, and ask the vendor for their accessibility documentation.

A note on honesty

Accessible reviews still need to be real. Don't edit what customers said or show only a hand-picked rating as if it were your overall score. Show the source and date so visitors can check.

What an automated scan can and can't tell you

An automated scan, including ours, can flag star images with no alt text, unnamed slider buttons, untitled frames and low-contrast text. It can't tell whether the rating makes sense when read aloud, whether rotating quotes can be paused, or whether quotes and authors are read in the right order. The 5-minute test above covers those. This page is general technical guidance, not legal advice, and following it doesn't certify compliance with the ADA or any law.

Related: accessible sliders and carousels, alt text examples, colour contrast guide, link text and buttons, contractor and home-service sites, screen reader test.

Want the fixes written for you?

Start with a free homepage snapshot. The $149 Fix-Pack scans up to 10 pages and gives copy-paste fixes for your platform within 48 hours, with a 14-day refund promise. See a sample report first.

This is general technical guidance, not legal advice, and it does not certify compliance with the ADA or any law.

Related guides

• What to promise clients about accessibility (instead of "ADA compliant"): proposal wording for web designers
• Accessible social media icons and Instagram, Facebook and YouTube embeds: a 5-minute test and fixes
• WCAG 2.2 explained for small-business websites
• Squarespace accessibility fixes: alt text, contrast, forms and more

All guides

This guide is general technical information, not legal advice. Following it does not certify ADA or any legal compliance. Automated checks find only part of accessibility barriers.