We Scanned 46 Independent UK Candle & Home Fragrance Shops for Accessibility — Here's What Failed

How we ran this

We took independent UK online shops selling candles, wax melts, reed diffusers and other home fragrance, and ran each homepage through the AbleScan scanner (WCAG 2.1 Level AA, the standard the European Accessibility Act relies on). We picked the shops from search results before scanning, and we kept every candle or home fragrance shop that returned a score, whatever the score, so the sample is not filtered toward good or bad.

We looked at 49 shops. 46 returned a usable score. The other 3 are left out: 1 returned no usable report, 1 failed to scan, and 1 flagged a form-field problem on what looked like a hidden input, which we treated as a likely false positive rather than publish an unverified "critical" issue.

Limits: homepages only, one country and one product niche, shops found through search (so skewed toward shops that are easy to find), and automated testing catches only a portion of accessibility barriers. This is a snapshot, not a ranking, and we do not name individual shops. Scans were run on 20 September 2026.

The numbers

For comparison, our scan of 30 skincare and soap shops averaged 71. That is a different hand-picked sample, so it is a comparison of snapshots, not proof that one niche is better than another. Low-contrast text topped both lists.

The six most common failures

What is different about candle shops

Candle shops lean on visual storytelling, and it shows in the failures. Full-width banners, product grids, rotating announcement bars and sliders carry most of the page, and that is where things broke. In at least 18 of the 46 shops, a failing element sat inside a slider, carousel or announcement bar, going by the element's own markup. Of the nine "scrollable region" failures, five were a rotating announcement bar, three were a slideshow or product carousel, and one was a scrolling reviews box. Four of the five hidden-slide failures were also slideshow or announcement components.

That is good news: these are a handful of shared components, so one theme setting or app update can clear a failure on many pages at once.

The fix for each

1. Low-contrast text

Text needs a contrast ratio of at least 4.5:1 against its background (3:1 for large text). Sale banners, "free delivery" strips, cookie-banner buttons and small grey taglines were the usual offenders. A common near-miss is #777 on white, which is 4.48:1 and just fails; #767676 is the lightest grey that passes on white.

color: #767676;   /* passes 4.5:1 on a white background */

2. Links with no readable text

A product card whose only content is a photo, or an icon-only cart or account link, gives a screen reader nothing to announce. Name the link, or give the image inside it an alt (the alt then counts as the link's text).

<a href="/products/lemon-tin" aria-label="Lemon meringue soy tin candle">…</a>
<a href="/cart" aria-label="View basket">…</a>

3. Images without alt text

This was the most common source of critical issues. Describe what the image shows. Purely decorative images can take an empty alt so screen readers skip them.

<img src="amber-jar.jpg" alt="Hand-poured soy candle in an amber glass jar">
<img src="divider.svg" alt="">

4. Sliders and announcement bars

Two rules fire on these components. Slides that are hidden from screen readers must not leave links or buttons in the tab order, and a scrolling track needs to be reachable by keyboard.

<!-- hidden slide: keep its links out of the tab order -->
<div class="slide" aria-hidden="true"><a href="/sale" tabindex="-1">…</a></div>

<!-- scrolling track that keyboard users must be able to reach -->
<div class="slider" tabindex="0" role="region" aria-label="Announcements">…</div>

For menu items that were marked as buttons but also contained links, use a real link plus a separate button for the sub-menu toggle:

<a href="/collections/candles">Candles</a>
<button type="button" aria-expanded="false" aria-label="Show Candles menu">▾</button>

These usually live in your theme or a slider app, so check its settings or update it before editing markup by hand.

5. Unnamed widget frames and disabled zoom

Four shops had an embedded widget (a reviews badge, a loyalty pop-up) with no title, and three blocked pinch-zoom for low-vision users. Give frames you control a title, and remove maximum-scale from the viewport tag.

<iframe title="Customer reviews badge" …></iframe>
<meta name="viewport" content="width=device-width, initial-scale=1">

What this means under the EAA

The European Accessibility Act has applied since 28 June 2025 and follows the customer, not the company: if EU consumers can buy from you, you are expected to meet WCAG 2.1 AA, unless you are a micro-enterprise providing services. Many small candle makers are that small, so check the three tests in our micro-enterprise exemption guide. Penalties are set by each EU member state. Read who is covered in our EAA guide for online stores, and if you run Shopify, our Shopify accessibility checklist shows where each setting lives. Exempt or not, fixing these makes your shop easier to use for everyone, including customers on a phone in bright light.

See where your own shop stands

Paste your homepage into AbleScan and you get a plain-English list of exactly which of these issues your shop has, with the affected elements highlighted on a screenshot. It takes about 60 seconds and needs no signup.

FAQ