Accessibility Fix-Pack Report

1. Images missing a text description critical

Why it matters: Screen-reader users hear nothing (or a file name) for these images.

Found: 33 element(s) on 1 page(s).

<img src="./img/border_left_top.gif" width="10px" height="10px">

<img src="./img/border_top.gif" height="10px">

Copy-paste fix:

<img src="team.jpg" alt="Our three dental hygienists at the front desk">

How to fix on your platform:

• Wix: Click image → Settings → "What's in the image?" (alt text).
• Squarespace: Edit image block → Image tab → fill "Alt text" / caption field.
• WordPress: Media Library → select image → "Alternative Text" field.
• Shopify: Products/Files → image → "Add alt text".

Reference: https://dequeuniversity.com/rules/axe/4.13/image-alt?application=axe-puppeteer

2. Content outside page regions moderate

Why it matters: Some content isn't inside header/nav/main/footer, making navigation harder.

Found: 65 element(s) on 3 page(s).

<p id="logos"><a href="https://www.w3.org/" title="W3C Home"><img alt="W3C logo" src="../img/w3c.png" height="48" width="72"></a><a href="https://www.w3.org/WAI/" title="WAI Home"><img alt="Web Access

<h1><span class="subhead">Inaccessible Home Page</span><span class="hidden"> -</span> Before and After Demonstration</h1>

<p id="logos"><a href="https://www.w3.org/" title="W3C Home"><img alt="W3C logo" src="./img/w3c.png" height="48" width="72"></a><a href="https://www.w3.org/WAI/" title="WAI Home"><img alt="Web Accessi

Copy-paste fix:

<header>…</header><nav>…</nav><main>…</main><footer>…</footer>

How to fix on your platform:

• Wix: Template-level.
• Squarespace: Template-level.
• WordPress: Theme templates.
• Shopify: Theme layout file.

Reference: https://dequeuniversity.com/rules/axe/4.13/region?application=axe-puppeteer

3. Select element must have an accessible name critical

Why it matters: Select element must have an accessible name

Found: 1 element(s) on 1 page(s).

<select onchange="location.href = this.value;">

Copy-paste fix:

See guidance: https://dequeuniversity.com/rules/axe/4.13/select-name?application=axe-puppeteer

Reference: https://dequeuniversity.com/rules/axe/4.13/select-name?application=axe-puppeteer

4. Invalid ARIA attributes critical

Why it matters: Assistive tech may misread these controls.

Found: 1 element(s) on 1 page(s).

<a class="ytmVideoInfoVideoTitle" aria-level="2" href="https://www.youtube.com/watch?v=iWO5N3n1DXU"><span class="ytAttributedStringHost ytmVideoInfoLink ytAttributedStringWhiteSpaceNoWrap" style="">We

Copy-paste fix:

Remove ARIA attributes not allowed on the element's role.

Reference: https://dequeuniversity.com/rules/axe/4.13/aria-allowed-attr?application=axe-puppeteer

5. Buttons with no readable name critical

Why it matters: Screen readers announce "button" with no purpose.

Found: 1 element(s) on 1 page(s).

<button class="ytmVideoInfoLink ytmVideoInfoChannelAvatar"><img class="ytCoreImageHost ytmVideoInfoChannelLogo ytCoreImageFillParentHeight ytCoreImageFillParentWidth ytCoreImageContentModeScaleAspectF

Copy-paste fix:

<button aria-label="Open menu"><svg aria-hidden="true">…</svg></button>

How to fix on your platform:

• Wix: Button → Settings → set text / accessible name.
• Squarespace: Use text buttons or add a label in code injection.
• WordPress: Block editor → Button text; for icon buttons add aria-label in HTML.
• Shopify: Theme code: add aria-label to icon buttons.

Reference: https://dequeuniversity.com/rules/axe/4.13/button-name?application=axe-puppeteer

6. Links with no readable name serious

Why it matters: Screen readers announce just "link" — users can't tell where it goes (common with icon links).

Found: 7 element(s) on 1 page(s).

<a href="javascript:location.href='home.html';" onfocus="blur();"><img name="nav_home" src="./img/nav_home.gif" width="88" height="27" hspace="15" border="0px"></a>

<a href="javascript:location.href='news.html';" onfocus="blur();"><img src="./img/nav_news.gif" name="nav_news" width="90" height="21" hspace="12" border="0px"></a>

Copy-paste fix:

<a href="https://facebook.com/yourpage" aria-label="Our Facebook page"><svg aria-hidden="true">…</svg></a>

How to fix on your platform:

• Wix: Select icon/button → Settings → add link title / accessible name.
• Squarespace: Social links: ensure each profile has a name; for image links add alt text.
• WordPress: Edit link → add link text or aria-label via HTML block.
• Shopify: Edit theme snippet for icons; add aria-label or visually-hidden text.

Reference: https://dequeuniversity.com/rules/axe/4.13/link-name?application=axe-puppeteer

7. All touch targets must be 24px large, or leave sufficient space serious

Why it matters: All touch targets must be 24px large, or leave sufficient space

Found: 4 element(s) on 2 page(s).

<a href="./reports/home.html" class="report"><span class="hidden">Inaccessible Home Page </span> Report</a>

<a href="../after/reports/home.html" class="report"><span class="hidden">Accessible Home Page </span> Report</a>

<a href="../home.html" class="page"><span class="hidden">Inaccessible </span>Home Page</a>

Copy-paste fix:

See guidance: https://dequeuniversity.com/rules/axe/4.13/target-size?application=axe-puppeteer

Reference: https://dequeuniversity.com/rules/axe/4.13/target-size?application=axe-puppeteer

8. Text is hard to read (low contrast) serious

Why it matters: People with low vision, and anyone on a phone in sunlight, may not be able to read this text. WCAG AA asks for 4.5:1 for normal text.

Found: 2 element(s) on 1 page(s).

<b>Free Penguins</b>

<b>More City Parks</b>

Copy-paste fix:

/* darken text or lighten background */
.selector { color:#333333; background:#ffffff; }

How to fix on your platform:

• Wix: Site Design → Text Theme / select element → Design → change color.
• Squarespace: Site Styles → Colors → adjust the palette used by this section.
• WordPress: Appearance → Customize → Additional CSS (paste CSS) or block color settings.
• Shopify: Online Store → Themes → Customize → Theme settings → Colors.

Reference: https://dequeuniversity.com/rules/axe/4.13/color-contrast?application=axe-puppeteer

9. Page language not declared serious

Why it matters: Screen readers may read the page with the wrong accent/pronunciation.

Found: 1 element(s) on 1 page(s).

<html>

Copy-paste fix:

<html lang="en">

How to fix on your platform:

• Wix: Settings → Language & Region.
• Squarespace: Settings → Language & Region.
• WordPress: Settings → General → Site Language.
• Shopify: Theme code layout/theme.liquid: <html lang="{{ request.locale.iso_code }}">

Reference: https://dequeuniversity.com/rules/axe/4.13/html-has-lang?application=axe-puppeteer

10. Elements must only use permitted ARIA attributes serious

Why it matters: Elements must only use permitted ARIA attributes

Found: 1 element(s) on 1 page(s).

<div class="html5-video-player ytp-hide-controls ytp-exp-bottom-control-flexbox ytp-modern-caption ytp-livebadge-color unstarted-mode ytp-small-mode" tabindex="" id="movie_player" data-version="/s/pla

Copy-paste fix:

See guidance: https://dequeuniversity.com/rules/axe/4.13/aria-prohibited-attr?application=axe-puppeteer

Reference: https://dequeuniversity.com/rules/axe/4.13/aria-prohibited-attr?application=axe-puppeteer

11. No "main" region moderate

Why it matters: Keyboard/screen-reader users can't jump straight to content.

Found: 3 element(s) on 3 page(s).

<html>

<html lang="en">

<html lang="en">

Copy-paste fix:

<main id="content">…page content…</main>

How to fix on your platform:

• Wix: Usually handled by Wix; contact support if flagged.
• Squarespace: Template-level; usually fine.
• WordPress: Theme template: wrap content in <main>.
• Shopify: layout/theme.liquid: ensure <main> wraps content_for_layout.

Reference: https://dequeuniversity.com/rules/axe/4.13/landmark-one-main?application=axe-puppeteer