Korjausraportti
Saavutettavuusraportti
Testaamme sivustosi WCAG 2.2:n A- ja AA-tasoa vasten oikeassa selaimessa, kuljemme sen pääpolun pelkällä näppäimistöllä (verkkokaupassa kassapainikkeeseen asti) ja annamme kehittäjällesi muutoksen jokaiseen esteeseen sivustosi omaan koodiin pohjautuen.
- Enintään 25 sivua testataan
- Näppäimistöpolun testi
- 5 uusintatestiä sisältyy
Mitä tarkistamme
WCAG 2.2:n A- ja AA-säännöt
Automaattiset axe-core-testit keskeisillä sivuillasi ja enintään 20 lisäsivulla sivustokartastasi: vaihtoehtoiset tekstit, värikontrasti, painikkeiden ja linkkien nimet, lomakkeiden nimilaput, otsikot, maamerkit ja ARIA.
Näppäimistöpolun testi
Pelkällä näppäimistöllä: verkkokaupassa etusivulta tuotteeseen, vaihtoehtoihin, Lisää ostoskoriin -painikkeeseen ja ostoskoriin, pysähtyen kassapainikkeeseen; muilla sivustoilla etusivulta keskeiselle sivulle, sen päätoimintakehotteeseen ja lomakekenttiin. Mitään ei koskaan lähetetä.
Kohdistusansat ja näkyvä kohdistus
Jääkö kohdistus jumiin esimerkiksi evästebanneriin ja näkevätkö kävijät, missä se on.
Responsiivisuus puhelimessa 320 px:n levyllä
Vaativatko sivut sivuttaisvieritystä pienellä puhelimella (WCAG 1.4.10).
Vaatimuskirjeen väitekartta
Jos liität kirjeen, jokaista väitettä verrataan siihen, mitä testimme toistivat, ja mukana ovat esiintymien määrät sivuittain.
Ihmisen tarkistettavat kohdat
Asiat, jotka testit merkitsevät mutta joita ne eivät pysty ratkaisemaan, kuten teksti kuvien päällä, ja ohjeet kunkin tarkistamiseen.
Mitä saat
- Priorisoitu luettelo: korjaa ensin, korjaa seuraavaksi, paranna
- Ennen ja jälkeen -koodi, joka on rakennettu kustakin virheellisestä elementistä
- Ohjeet Shopifylle, WordPressille, WooCommercelle tai tunnistamallemme alustalle
- Valmis tekoälykehote jokaiseen havaintoon
- Kuvakaappaukset, joissa virheellinen elementti on korostettu ääriviivalla
- Saavutettavuusselosteen luonnos ja näyttöloki
- 5 uusintatestiä korjausten varmistamiseen sekä PDF
Miten raportti tehdään
- 1
Ilmaisen skannauksesi viisi sivua sekä enintään 20 lisäsivua sivustokartastasi ladataan Chromiumissa ja testataan axe-core-työkalulla.
- 2
Erillinen selainistunto kulkee sivuston pääpolun pelkällä näppäimistöllä ja kirjaa jokaisen vaiheen sekä kuvakaappauksen kohdista, joissa jokin epäonnistuu.
- 3
Jokaiseen virheeseen kirjoitetaan korjaus alustallesi, minkä jälkeen raportti kootaan ja lähetetään sinulle sähköpostitse.
Havaintoja esimerkkiraportista
Todellista tulostetta Harbor & Pine -kaupasta, kuvitteellisesta kaupasta, jonka rakensimme tyypillisine ongelmineen.
- Critical
@axe/button-name/help{"$en":"Buttons must have discernible text"}
41 instances on 9 pages. WCAG 4.1.2 requires every control to have a name. Unnamed buttons often include quantity steppers, close buttons and slider arrows.
Fix: Add visible text, visually hidden text, or an aria-label that says what the button does (for example {a} or {b}).{"a":"aria-label=\"Close\"","b":"aria-label=\"Increase quantity\""}
- Critical
@axe/image-alt/help{"$en":"Images must have alternative text"}
22 instances on 7 pages. WCAG 1.1.1 requires a text alternative for meaningful images. Without it, a screen reader user can't tell which product a photo shows.
Fix: Describe what matters to a shopper: product name, color and the angle shown (for example 'Canvas tote in olive, front view').
- Critical
@axe/label/help{"$en":"Form elements must have labels"}
7 instances on 6 pages. WCAG 1.3.1, 3.3.2 and 4.1.2 require form fields to have labels. Newsletter sign-up and search fields are common offenders.
Fix: Placeholder text alone does not count as a label.
Mitä se ei kata
- Ruudunlukijan tuottama puhe, tekstitykset ja kuvailutulkkaus (mukana on manuaalinen tarkistuslista)
- Kassa, maksaminen ja lomakkeiden lähettäminen
- Kirjautumisen takana olevat sivut
- Oikeudellinen neuvonta tai todistus ADA- tai EAA-vaatimustenmukaisuudesta
Kysymyksiä tästä raportista
Onko tämä täydellinen WCAG-auditointi?
Se on automaattinen auditointi sekä näppäimistöpolun testi. Automaattiset testit löytävät osan sivuston WCAG-ongelmista, joten raportissa luetellaan myös, mikä vaatii ihmisen tarkistuksen ja miten se tehdään.
Auttaako se ADA-vaatimuskirjeen kanssa?
Jos liität kirjeen, raportti näyttää, mitkä väitteet testimme toistavat sivustollasi, näytön kera. Se on tosiasioihin perustuva dokumentaatio, ei oikeudellista neuvontaa; keskustele itse kirjeestä asianajajan kanssa.
Mille alustoille koodi sopii?
Korjaukset kirjoitetaan tunnistamallemme alustalle: Shopify-teemoille, WordPressille ja WooCommercelle, Webflow’lle, BigCommercelle, Wixille, Squarespacelle, Next.js:n kaltaisille sovelluskehyksille tai pelkälle HTML:lle. Jos emme näe lähdekoodiasi, tiedostojen sijainnit annetaan vihjeinä.
Mitä ovat 5 uusintatestiä?
Kun kehittäjäsi on tehnyt muutokset, voit ajaa samat tarkistukset uudelleen raportista enintään viisi kertaa ja nähdä, mitkä ongelmat eivät enää toistu.
Aiheeseen liittyvät oppaat
- ADA-vaatimuskirje verkkosivustosta: mitä tarkistaa ensinADA-vaatimuskirje: mitä siinä väitetään, WCAG:n rooli, mitä kerätä, miksi overlay ei auta ja milloin soittaa asianajajalle. Ei oikeudellista neuvontaa.
- Saavutettavuuden overlay-työkalut ja FTC:n accessiBe-päätösFTC määräsi accessiBen maksamaan miljoona dollaria WCAG-lupauksista. Mitä päätös sanoo ja mitä ei, ja mitä overlayta käyttävän kaupan kannattaa tehdä.
- Saavutettavuus verkkokaupassa: WCAG 2.2 AA -tarkistuslistaWCAG 2.2 AA -tarkistuslista Shopify- ja WooCommerce-kauppaan sivutyypeittäin: alt-teksti, kontrasti, nimiöt, näppäimistö, fokus, kohdekoko, uudet kriteerit.
Muut raportit
- EAA-valmiusraporttiListahinta $199, lanseeraushinta $139
- SEO-raporttiListahinta $99, lanseeraushinta $69
- SuorituskykyraporttiListahinta $79, lanseeraushinta $55
- KonversioraporttiListahinta $149, lanseeraushinta $104
- Verkkosivuston tietoturvaraporttiListahinta $99, lanseeraushinta $69
- Sähköpostin toimitettavuusraporttiListahinta $49, lanseeraushinta $34
Skannaa sivustosi tänään
Löydä. Korjaa. Varmista.
Ilmainen skannaus. Luottokorttia ei tarvita.