Halimbawang scan. Ang Harbor & Pine ay isang kathang-isip na store na ginawa namin na may mga karaniwang depekto, saka sinubok gamit ang parehong engine na nag-i-scan sa iyong website.

I-scan nang libre ang iyong website

Mga halimbawang resulta ng scan

harborandpine.example

  • Shopify
  • 5 page ang na-test
  • Set 24, 2026

Mga resulta ayon sa larangan

Pangkalahatang-ideya

18 problema, 6 na susuriin at 7 oportunidad sa 6 na bahagi, sa 5 page.

Mga problema
18
Susuriin
6
Mga oportunidad
7
Pumasa
44

Mga problema ayon sa priyoridad: 11 mataas, 5 katamtaman, 1 mababa.

  • ProblemaDapat may malinaw na text ang mga buttonAccessibility
  • ProblemaDapat may alternatibong text ang mga larawanAccessibility
  • ProblemaDapat may label ang mga form elementAccessibility
  • ProblemaDapat may accessible name ang select elementAccessibility
  • ProblemaDapat may malinaw na text ang mga linkAccessibility
  • ProblemaDapat umabot ang mga elemento sa minimum na threshold ng color contrast ratioAccessibility
  • ProblemaHindi natugunan ang EN 301 549 9.1.1.1 (WCAG 1.1.1 Non-text Content)Kahandaan sa EAA
  • ProblemaHindi natugunan ang EN 301 549 9.1.4.3 (WCAG 1.4.3 Contrast (Minimum))Kahandaan sa EAA
  • ProblemaHindi natugunan ang EN 301 549 9.2.4.4 (WCAG 2.4.4 Link Purpose (In Context))Kahandaan sa EAA
  • ProblemaHindi natugunan ang EN 301 549 9.4.1.2 (WCAG 4.1.2 Name, Role, Value)Kahandaan sa EAA
  • ProblemaMga hindi secure na (HTTP) resource sa mga HTTPS pageSeguridad
  • ProblemaWalang gumaganang XML sitemapSEO
  • ProblemaMga page na walang meta descriptionSEO
  • ProblemaMga product page na walang product structured dataSEO
  • ProblemaMga lumang JavaScript library na may kilalang vulnerabilitySeguridad
  • ProblemaMga cookie na walang Secure flagSeguridad
  • ProblemaMga larawang walang alt textSEO
  • SuriinNaka-lazy-load ang pangunahing larawanBilis
  • SuriinMga larawang mas malaki kaysa sa kailanganBilis
  • SuriinMga item na hindi napagpasyahan ng mga awtomatikong testKahandaan sa EAA
  • SuriinMga cookie na parang session cookie na nababasa ng mga scriptSeguridad
  • SuriinMga page na walang canonical linkSEO
  • OportunidadWalang review sa product pageConversion
  • OportunidadKulang ang mga link ng policy sa footerConversion
  • OportunidadWalang Organization o WebSite structured data sa home pageSEO
  • OportunidadKulang na mga tag para sa social sharingSEO
  • OportunidadKaunting larawan ng produktoConversion
  • OportunidadWalang search sa storeConversion
  • OportunidadWalang security.txtSeguridad

Accessibility

63 isyu mula sa 6 patakaran ng WCAG, sa 5 page.

Mga bumagsak na patakaran ng WCAGNapatunayan ng mga awtomatikong test
6
Kailangang suriin ng taoNa-flag, pero hindi napagpasyahan ng mga test
1
Mga pumasang patakaranWalang pagkabigo sa mga page na ito
32

Mga bumagsak na elemento ayon sa tindi

Kritikal
27
Seryoso
36
Katamtaman
0
Maliit
0

6 problema

1 susuriin

  • SusuriinDapat umabot ang mga elemento sa minimum na threshold ng color contrast ratio1 paglitaw sa 1 sa 5 page · 1.4.3 Contrast (Minimum)
  • Naiipit ang keyboard focus sa iyong cookie banner.
  • Walang nakitang skip-to-content link.

Pangkalahatang-ideya ng website

Natukoy mula sa pampublikong ebidensya sa mga na-test na page. Maaaring mali ang isang label; ang pinagpapasyahan lang nito ay kung aling mga dagdag na pagsusuri ang tatakbo.

Uri ng website

  • Online storeMataas na kumpiyansa
    • Tumatakbo sa Shopify, isang store platform
    • Link papunta sa cart
    • Mga link ng produkto o shop
  • Landing pageKatamtamang kumpiyansa
    • 6 internal page lang ang naka-link

Mga natukoy na teknolohiya

  • ShopifyMataas na kumpiyansa

    Mga asset o script ng Shopify sa page

Mga pagsusuri para sa site na ito

  • Mga unibersal na pagsusuri: accessibility, SEO, bilis, seguridad at email
  • E-commerce module: mga collection, product at cart page, at pamimili gamit ang keyboard hanggang sa checkout button
  • Mga tala para sa Shopify: mga hakbang sa pag-aayos sa theme at admin; ipinapakita bilang sanggunian ang mga header at cookie na pinamamahalaan ng platform

Ang sinakop ng libreng scan na ito

Na-test

  • 5 page laban sa mga patakaran ng WCAG 2.2 A at AA (axe-core), kasama ang test sa Tab key
  • Mga SEO tag, bigat ng page at mga signal ng buying path sa parehong mga page
  • Ang mga claim ng iyong sulat, itinugma sa mga resulta

Sa mga bayad na ulat

  • Pamimili gamit lang ang keyboard, hanggang sa checkout button
  • Hanggang 20 pang page, mga sirang link at speed test sa phone
  • Ang solusyon sa bawat natuklasan, isinulat para sa Shopify

Ang mga claim ng sulat kumpara sa nakita namin

Binabanggit ang Title III, Americans with Disabilities Act. Halagang binanggit: $12,500. Isang paghahambing ng mga katotohanan, hindi legal na payo.

  • “Images lack alternative text, so product photos are not described.”

    Mga larawang walang text alternative. 10 paglitaw sa 3 sa 5 na-test na page.

    Nakumpirma

  • “Text has insufficient color contrast against its background, including sale badges and prices.”

    Mababang color contrast. 16 paglitaw sa 5 sa 5 na-test na page.

    Nakumpirma

  • “The website cannot be navigated using a keyboard alone.”

    Keyboard access at focus. Naiipit ang keyboard focus sa cookie banner.

    Nakumpirma

  • “Form fields do not have labels, including the newsletter sign-up and the quantity fields in the cart.”

    Mga form field na walang label. 4 paglitaw sa 3 sa 5 na-test na page.

    Nakumpirma

  • “Product videos do not have captions.”

    Mga caption ng video at audio. Hindi kayang suriin ng mga awtomatikong scan ang mga caption. Suriin ang bawat video ng produkto o brand para sa tumpak na caption at transcript.

    Manwal na pagsusuri

  • “Our client is legally blind and uses screen reader software.”

    Iba pang isyu. Pangkalahatang pahayag ito. I-test ang mga pangunahing daloy (search, product page, add to cart, checkout) gamit ang screen reader gaya ng VoiceOver o NVDA.

    Manwal na pagsusuri

Mga pangunahing isyu sa accessibility

Nakaayos ayon sa tindi at abot. Ipinapaliwanag ng Ulat sa Accessibility kung paano ayusin ang bawat isa sa Shopify.

  • KritikalWCAG 4.1.2

    Dapat may malinaw na text ang mga button

    13 paglitaw sa 5 sa 5 page · 4.1.2 Name, Role, Value

    Dapat may malinaw na text ang mga button: ang bumagsak na elemento, naka-outline nang pula sa home page
    Ipakita ang isang halimbawang elemento
    <button type="button"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="11" cy="11" r="7"></circle><path d="M20 20l-3.5-3.5"></path></svg></button>
  • KritikalWCAG 1.1.1

    Dapat may alternatibong text ang mga larawan

    10 paglitaw sa 3 sa 5 page · 1.1.1 Non-text Content

    Dapat may alternatibong text ang mga larawan: ang bumagsak na elemento, naka-outline nang pula sa home page
    Ipakita ang isang halimbawang elemento
    <img src="/img/hero-photo.jpg" loading="lazy">
  • KritikalWCAG 4.1.2

    Dapat may label ang mga form element

    3 paglitaw sa 2 sa 5 page · 4.1.2 Name, Role, Value

    Dapat may label ang mga form element: ang bumagsak na elemento, naka-outline nang pula sa product page
    Ipakita ang isang halimbawang elemento
    <input type="number" value="1" min="1">
  • KritikalWCAG 4.1.2

    Dapat may accessible name ang select element

    1 paglitaw sa 1 sa 5 page · 4.1.2 Name, Role, Value

    Dapat may accessible name ang select element: ang bumagsak na elemento, naka-outline nang pula sa collection page
    Ipakita ang isang halimbawang elemento
    <select><option>Featured</option><option>Price, low to high</option><option>Price, high to low</option></select>
  • SeryosoWCAG 1.4.3

    Dapat umabot ang mga elemento sa minimum na threshold ng color contrast ratio

    16 paglitaw sa 5 sa 5 page · 1.4.3 Contrast (Minimum)

    Dapat umabot ang mga elemento sa minimum na threshold ng color contrast ratio: ang bumagsak na elemento, naka-outline nang pula sa home page
    Ipakita ang isang halimbawang elemento
    <div class="announce">Free shipping on orders over $75 · Easy 30-day returns</div>

Ang iyong website sa iba pang larangan

Ang parehong libreng scan, binasa para sa bawat ulat. Mas maraming test ang pinapatakbo ng bawat bayad na ulat at ibinibigay nito ang solusyon sa bawat natuklasan.

Ulat sa Kahandaan sa EAA

Listahang presyo $199, presyo sa paglulunsad $139

Kung nasaan ang iyong website kumpara sa teknikal na pamantayan ng European Accessibility Act.

  • 4 problema
  • 1 susuriin
  • Hindi natugunan ang EN 301 549 9.1.1.1 (WCAG 1.1.1 Non-text Content)Problema
  • Hindi natugunan ang EN 301 549 9.1.4.3 (WCAG 1.4.3 Contrast (Minimum))Problema
  • Hindi natugunan ang EN 301 549 9.2.4.4 (WCAG 2.4.4 Link Purpose (In Context))Problema
  • Hindi natugunan ang EN 301 549 9.4.1.2 (WCAG 4.1.2 Name, Role, Value)Problema
  • Mga item na hindi napagpasyahan ng mga awtomatikong testSuriin

Idinadagdag ng ulat ang pagsusuri kung saklaw ka, mas maraming page at draft na impormasyon sa accessibility para sa mga customer sa EU.

Tingnan ang halimbawa (magbubukas sa bagong tab)

Ulat sa SEO

Listahang presyo $99, presyo sa paglulunsad $69

Mga technical SEO error na pumipigil sa pag-index ng mga page o sa maayos na paglabas ng mga ito sa search.

  • 4 problema
  • 1 susuriin
  • 2 oportunidad
  • 4 pumasa
  • Walang gumaganang XML sitemapProblema
  • Mga page na walang meta descriptionProblema
  • Mga product page na walang product structured dataProblema
  • Mga larawang walang alt textProblema
  • Mga page na walang canonical linkSuriin
  • Walang Organization o WebSite structured data sa home pageOportunidad
  • Kulang na mga tag para sa social sharingOportunidad

Idinadagdag ng ulat ang hanggang 20 pang page at pagsusuri ng mga sirang link.

Tingnan ang halimbawa (magbubukas sa bagong tab)

Ulat sa Bilis ng Website

Listahang presyo $79, presyo sa paglulunsad $55

Kung ano ang nagpapabagal sa iyong mga page sa phone, sinukat, kasama ang mga solusyon.

  • 2 susuriin
  • 1 pumasa
  • Naka-lazy-load ang pangunahing larawanSuriin
  • Mga larawang mas malaki kaysa sa kailanganSuriin

Idinadagdag ng ulat ang speed test sa phone sa mabagal na 4G at ang real-user data ng Google.

Tingnan ang halimbawa (magbubukas sa bagong tab)

Ulat sa Conversion

Listahang presyo $149, presyo sa paglulunsad $104

Mga bagay sa iyong website na maaaring pumigil sa mga tao na bumili, mag-sign up o makipag-ugnayan.

  • 4 oportunidad
  • Walang review sa product pageOportunidad
  • Kulang ang mga link ng policy sa footerOportunidad
  • Kaunting larawan ng produktoOportunidad
  • Walang search sa storeOportunidad

Idinadagdag ng ulat ang test ng shopping path at mga pagsusuri sa phone.

Tingnan ang halimbawa (magbubukas sa bagong tab)

Ulat sa Seguridad ng Website

Listahang presyo $99, presyo sa paglulunsad $69

Mga panganib sa configuration na ligtas naming natutukoy mula sa labas.

  • 3 problema
  • 1 susuriin
  • 1 oportunidad
  • Mga hindi secure na (HTTP) resource sa mga HTTPS pageProblema
  • Mga lumang JavaScript library na may kilalang vulnerabilityProblema
  • Mga cookie na walang Secure flagProblema
  • Mga cookie na parang session cookie na nababasa ng mga scriptSuriin
  • Walang security.txtOportunidad
Tingnan ang halimbawa (magbubukas sa bagong tab)

Ulat sa Email Deliverability

Listahang presyo $49, presyo sa paglulunsad $34

SPF, DKIM at DMARC: kung mapagkakatiwalaan ng mga inbox ang iyong mga email.

Kathang-isip ang domain ng halimbawang store, kaya wala itong email record na masusuri.

Mga page na tine-test

  • Ang home page ng halimbawang store, gaya ng pagkaka-load ng aming browser

    Home page

    13 isyu sa WCAG

  • Ang collection page ng halimbawang store, gaya ng pagkaka-load ng aming browser

    Collection page

    17 isyu sa WCAG

  • Ang product page ng halimbawang store, gaya ng pagkaka-load ng aming browser

    Product page

    17 isyu sa WCAG

  • Ang cart ng halimbawang store, gaya ng pagkaka-load ng aming browser

    Cart

    10 isyu sa WCAG

  • Ang content page ng halimbawang store, gaya ng pagkaka-load ng aming browser

    Content page

    6 isyu sa WCAG

Sinubok gamit ang axe-core 4.13.0 laban sa mga patakaran ng WCAG 2.2 A at AA sa Chromium sa 1366×900. Bahagi lang ng mga isyu sa accessibility ang nakikita ng mga awtomatikong test. Wala sa mga resultang ito ang legal na payo o garantiya ng ranking, benta o deliverability.