Accessibility report · read-only

northwind-supply.example

14 issues found · 11 high · 3 medium · scanned 2026-08-18

Most Shopify stores we scan land between 2 and 30 issues. Yours is in the upper half of that range.

Fix these first

  • highImages have no description text4 of 16 images (25%)Admin

    Customers using a screen reader hear nothing where these images are. If a product photo carries information the text does not repeat, they miss it. This is the item cited most often in ADA filings.

    How to fix

    Shopify admin → Products → open the product → click the image → Edit alt text. Write one sentence describing what the photo shows. For images placed in a section, use Online Store → Themes → Customize and fill the image block's alt text field.

    Found in 4 places
    • <img class="shot" src="data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%…
    • <img class="shot" src="data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%…
    • <img class="shot" src="data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%…
    • <img class="shot" src="data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%…
  • highButtons or links have no readable name3 of 44 links and buttons (7%)Theme code

    These are usually icon-only controls — a cart, a search magnifier, a carousel arrow. A screen reader announces them as just "button" or "link", so the customer cannot tell what they do without clicking. Unnamed controls appear regularly in ADA web accessibility filings.

    How to fix

    This needs a theme change. Online Store → Themes → Edit code, find the button, and add an aria-label describing the action ("Open cart", "Search"). Hidden-but-readable text inside the button works too. If the control came from an app, its support team has to add this.

    -<button class="icon-btn" type="button"><svg viewBox="0 0 24 24" width="20" height="20" fill="none" stroke="currentColor"…+<button class="icon-btn" type="button" aria-label="Describe what this control does"><svg viewBox="0 0 24 24" width="20" height="20" fill="none" stroke="currentColor"…
    Found in 3 places
    • <button class="icon-btn" type="button"><svg viewBox="0 0 24 24" width="20" height="20" fill="none" stroke="currentColor"…
    • <a class="icon-btn" href="/account"><svg viewBox="0 0 24 24" width="20" height="20" fill="none" stroke="currentColor" st…
    • <a class="icon-btn count" href="/cart"><svg viewBox="0 0 24 24" width="20" height="20" fill="none" stroke="currentColor"…
  • highForm fields have no label2 of 2 form fields (100%)Theme code

    A screen reader announces these boxes without saying what to type — on a search box or a newsletter signup the customer hears only "edit text". Placeholder text alone does not count, because it disappears once typing starts. Form fields without labels appear regularly in ADA web accessibility filings.

    How to fix

    This usually needs a theme change. Online Store → Themes → Edit code, find the section holding the form, and give each field a matching label. If the form came from an app, ask that app's support to add labels.

    -<input type="search" placeholder="Search products">+<input type="search" placeholder="Search products" aria-label="Search products">
    Found in 2 places
    • <input type="search" placeholder="Search products">
    • <input type="email" placeholder="Email address">
  • highImage links have no description2 of 41 links (5%)Admin

    These links contain only a picture with no description, so a screen reader announces the link with no idea where it leads. Collection tiles and logo links are the usual cases, and a customer cannot navigate past them. Image links without a description appear regularly in ADA web accessibility filings.

    How to fix

    Give the image inside the link a description: Shopify admin → Products or Collections → click the image → Edit alt text, and write where the link goes ("Shop pants"). For a logo linking home, the theme's logo setting has an alt text field under Online Store → Themes → Customize.

    Found in 2 places
    • <a href="/collections/sale"> <img alt="" src="data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org…
    • <a href="/collections/new"> <img alt="" src="data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%…

Also worth fixing

  • mediumHeading structure problem×1Admin

    Screen reader users jump between headings the way sighted visitors skim, so headings act as the map of the page. Two things break that map: a level that skips a step, or no main heading at all. The list below shows which case applies here.

    How to fix

    Online Store → Themes → Customize. Each page should have exactly one main heading, and the sections below it should step down one level at a time. Where a heading was picked for its size, choose the correct level and adjust the size in the theme's typography settings instead.

    Found in 1 place
    • h1 → h3: <h3>Featured this week</h3>
  • mediumSome headings are empty×1Admin

    An empty heading is announced with nothing after it. Customers navigating heading by heading hit a dead stop and cannot tell whether content failed to load.

    How to fix

    Online Store → Themes → Customize, find the section with the blank heading, and either write the text or remove the empty heading block. These are often left behind when a section is duplicated.

    Found in 1 place
    • <h2></h2>
  • mediumLink text does not say where it goes1 of 41 links (2%)Admin

    Screen readers can list every link on a page on its own. A list of "click here" and "read more" tells the customer nothing about the destinations, because the surrounding sentence is not read out with them.

    How to fix

    Edit the link text so it names the destination — "Read our shipping policy" instead of "read more". Online Store → Themes → Customize for section text, or Pages for page content.

    Found in 1 place
    • <a class="more" href="/blogs/journal/choosing-materials">Read more</a>

Run a free scan on your own store