harborandpine.example

Yleiskatsaus

18 ongelmaa, 6 tarkistettavaa ja 7 mahdollisuutta 6 osa-alueella, 5 sivua.

Ongelmat

18

Tarkistettavat

6

Mahdollisuudet

7

Läpäisty

44

Ongelmat prioriteetin mukaan: 11 korkea, 5 keskitaso, 1 matala.

• OngelmaPainikkeilla on oltava tunnistettava tekstiSaavutettavuus
• OngelmaKuvilla on oltava vaihtoehtoinen tekstiSaavutettavuus
• OngelmaLomake-elementeillä on oltava nimiötSaavutettavuus
• OngelmaSelect-elementillä on oltava saavutettava nimiSaavutettavuus
• OngelmaLinkeillä on oltava tunnistettava tekstiSaavutettavuus
• OngelmaElementtien on täytettävä värikontrastisuhteen vähimmäisraja-arvotSaavutettavuus
• OngelmaEN 301 549 9.1.1.1 (WCAG 1.1.1 Ei-tekstuaalinen sisältö) ei täytyEAA-valmius
• OngelmaEN 301 549 9.1.4.3 (WCAG 1.4.3 Kontrasti (minimi)) ei täytyEAA-valmius
• OngelmaEN 301 549 9.2.4.4 (WCAG 2.4.4 Linkin tarkoitus (kontekstissa)) ei täytyEAA-valmius
• OngelmaEN 301 549 9.4.1.2 (WCAG 4.1.2 Nimi, rooli, arvo) ei täytyEAA-valmius
• OngelmaSuojaamattomia (HTTP) resursseja HTTPS-sivuillaTietoturva
• OngelmaEi toimivaa XML-sivustokarttaaSEO
• OngelmaSivut ilman metakuvaustaSEO
• OngelmaTuotesivut ilman tuotteen strukturoitua dataaSEO
• OngelmaVanhentuneita JavaScript-kirjastoja, joissa on tunnettuja haavoittuvuuksiaTietoturva
• OngelmaEvästeet ilman Secure-lippuaTietoturva
• OngelmaKuvat ilman alt-tekstiäSEO
• TarkistaPääkuva ladataan viivästetysti (lazy-load)Nopeus
• TarkistaKuvat ovat tarpeettoman suuriaNopeus
• TarkistaKohdat, joita automaattiset testit eivät pystyneet ratkaisemaanEAA-valmius
• TarkistaSkriptien luettavissa olevia istuntoevästeiden kaltaisia evästeitäTietoturva
• TarkistaSivut ilman canonical-linkkiäSEO
• MahdollisuusTuotesivulla ei ole arvostelujaKonversio
• MahdollisuusAlatunnisteesta puuttuu käytäntöjen linkkejäKonversio
• MahdollisuusEtusivulla ei ole Organization- tai WebSite-tyyppistä strukturoitua dataaSEO
• MahdollisuusSomejakojen tagit puuttuvatSEO
• MahdollisuusVähän tuotekuviaKonversio
• MahdollisuusKaupassa ei ole hakuaKonversio
• MahdollisuusEi security.txt-tiedostoaTietoturva

Mitä tämä ilmainen skannaus kattoi

Kirjeen väitteet verrattuna havaintoihimme

Viittaa: Title III, Americans with Disabilities Act. Mainittu summa: $12,500. Tosiasioiden vertailu, ei oikeudellista neuvontaa.

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

  Kuvat ilman tekstivastinetta. 10 esiintymää 3/5 testatulla sivulla.

  Toistettu

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

  Heikko värikontrasti. 16 esiintymää 5/5 testatulla sivulla.

  Toistettu

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

  Näppäimistökäyttö ja fokus. Näppäimistön fokus jää jumiin evästebanneriin.

  Toistettu

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

  Lomakekentät ilman nimiöitä. 4 esiintymää 3/5 testatulla sivulla.

  Toistettu

• “Product videos do not have captions.”

  Videoiden ja äänisisällön tekstitykset. Automaattiset skannaukset eivät pysty arvioimaan tekstityksiä. Tarkista, että jokaisessa tuote- tai brändivideossa on tarkka tekstitys ja tekstivastine (litterointi).

  Manuaalinen tarkistus

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

  Muut ongelmat. Tämä on yleinen väite. Testaa keskeiset polut (haku, tuotesivu, ostoskoriin lisääminen, kassa) ruudunlukijalla, kuten VoiceOverilla tai NVDA:lla.

  Manuaalinen tarkistus

Tärkeimmät saavutettavuusongelmat

Järjestetty vakavuuden ja laajuuden mukaan. Saavutettavuusraportti kertoo, miten kukin korjataan (alusta: Shopify).

• KriittinenWCAG 4.1.2

  Painikkeilla on oltava tunnistettava teksti

  13 esiintymää, 5/5 sivulla · 4.1.2 Nimi, rooli, arvo

  

  Näytä esimerkkielementti

  <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>

• KriittinenWCAG 1.1.1

  Kuvilla on oltava vaihtoehtoinen teksti

  10 esiintymää, 3/5 sivulla · 1.1.1 Ei-tekstuaalinen sisältö

  

  Näytä esimerkkielementti

  <img src="/img/hero-photo.jpg" loading="lazy">

• KriittinenWCAG 4.1.2

  Lomake-elementeillä on oltava nimiöt

  3 esiintymää, 2/5 sivulla · 4.1.2 Nimi, rooli, arvo

  

  Näytä esimerkkielementti

  <input type="number" value="1" min="1">

• KriittinenWCAG 4.1.2

  Select-elementillä on oltava saavutettava nimi

  1 esiintymä, 1/5 sivulla · 4.1.2 Nimi, rooli, arvo

  

  Näytä esimerkkielementti

  <select><option>Featured</option><option>Price, low to high</option><option>Price, high to low</option></select>

• VakavaWCAG 2.4.4WCAG 4.1.2

  Linkeillä on oltava tunnistettava teksti

  20 esiintymää, 5/5 sivulla · 2.4.4 Linkin tarkoitus (kontekstissa), 4.1.2 Nimi, rooli, arvo

  

  Näytä esimerkkielementti

  <a href="/cart"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M3 4h2l2.4 11h11l2-8H6.5"></path><circle cx="9" cy="20" r="1.5"></circle><circle cx="18" cy="20" r="1.5"></circle></svg></a>

• VakavaWCAG 1.4.3

  Elementtien on täytettävä värikontrastisuhteen vähimmäisraja-arvot

  16 esiintymää, 5/5 sivulla · 1.4.3 Kontrasti (minimi)

  

  Näytä esimerkkielementti

  <div class="announce">Free shipping on orders over $75 · Easy 30-day returns</div>