Esimerkkiraportti, joka näyttää tarkalleen, mitä saat: muodon, priorisoinnin ja korjausehdotukset aidosta Axively-skannauksen työnkulusta. Näytetty sivusto on kuvitteellinen esimerkki; oma auditointisi noudattaa samaa rakennetta.
WCAG AA-tason rikkomuksia tai kriittisiä toiminnallisia esteitä (ostoskori, kassa, lomakkeet). Vahva merkki saavutettavuuslainsäädännön vastaisuudesta — edellyttää manuaalista tarkistusta.
WCAG A-tason rikkomuksia sekä muita vakavia tai kohtalaisia ongelmia. Taso A on vaatimustenmukaisuuden kannalta yhtä pakollinen — tasot järjestävät käyttäjävaikutuksen ja korjausprioriteetin, eivät oikeudellista painoarvoa.
Automaattinen skannaus ei löytänyt WCAG A- tai AA-tason rikkomuksia — vain parhaiden käytäntöjen suosituksia ja vähäisiä havaintoja.
Suuri löydösmäärä ei ole katastrofi, se on inventaario. Kaikkiaan 6 752 esiintymästä 267 on WCAG-puutteita ja 6 485 hyviä käytäntöjä — ja kaikki juontuu vain 5 eri syystä.
target-sizeMotorisista tai näkövammoista kärsivät ja kosketuslaitteiden käyttäjät osuvat pieneen kohteeseen huonosti ja tekevät virheitä. Suurenna napsautusaluetta täytteellä (padding):
/* before */
<a href="tel:..." class="page-header--link">+33 1 00 00 00 00</a>
/* after */
<a href="tel:..." class="page-header--link"
style="padding:10px; display:inline-block;">+33 1 00 00 00 00</a>Käytännössä suosittelemme korjaamaan CSS-luokalla inline-tyylin sijaan, ehdotus näyttää periaatteen.
link-nameRuudunlukija ilmoittaa nämä linkit vain sanalla ”linkki”, joten kohdetta ei voi tietää. Anna linkille saavutettava nimi ja piilota koristekuvake:
/* before */
<a class="social-link" href="https://example.com/rss">
<svg class="icon"></svg>
</a>
/* after */
<a class="social-link" href="https://example.com/rss" aria-label="RSS">
<svg class="icon" aria-hidden="true" focusable="false"></svg>
</a>Nämä löydökset tulevat axen hyvien käytäntöjen säännöistä. Ne parantavat avustavan teknologian käyttäjien käytettävyyttä, mutta eivät vastaa mitään WCAG-onnistumiskriteeriä, joten niitä ei lasketa puutteiksi eivätkä ne vaikuta auditoinnin hintaan.
label-title-onlyKenttä, jolla on vain title-attribuutti eikä näkyvää <label>-elementtiä, luetaan avustavissa teknologioissa epäjohdonmukaisesti, eikä näkevillä käyttäjillä ole lainkaan nimilappua. Lisää kytketty label:
/* before */
<input class="search" title="address" type="text">
/* after */
<label for="locality">Address</label>
<input id="locality" class="search" type="text">regionRuudunlukuohjelmat eivät pysty luotettavasti navigoimaan tai ohittamaan sisältöä, joka on maamerkkialueiden ulkopuolella. Koska kyseessä on mallielementti, kääri se yhteen maamerkkiin:
/* before */
<div class="page-content">
...
</div>
/* after */
<main class="page-content">
...
</main>Yksi korjaus malliin poistaa kaikki ~6 400 esiintymää: ratkaistaan mallikohtaisesti, ei sivukohtaisesti.
empty-headingOtsikoiden avulla navigoivat ruudunlukijan käyttäjät päätyvät kohtaan, joka ei ilmoita mitään. Näytä otsikko vain, kun tekstiä on, tai täytä se:
/* before */
<h3 class="teaser-title"></h3>
/* after */
<h3 class="teaser-title">Horaires d'ouverture en aout</h3>Suuri esiintymien määrä ei tarkoita tuhansia eri ongelmia: yleensä kyse on muutamasta syystä, jotka toistuvat malleissa. Auditointi hoidetaan siksi mallikohtaisesti ja syykohtaisesti, ei sivu kerrallaan: yksi mallikorjaus poistaa kaikki sen esiintymät kerralla.
Huomio asteikosta: yllä oleva yhteenveto jakaa löydökset 3 riskitasoon (korkea / keskitaso / matala) vaatimustenmukaisuuteen kohdistuvan vaikutuksen mukaan, mikä määrää myös hinnan. Alla oleva raportti jakaa ne 4 tekniseen tasoon (kriittinen / vakava / kohtalainen / vähäinen) vian vakavuuden mukaan, jonka skannausmoottori arvioi. Kaksi näkymää samaan dataan, ei ristiriita.
PDF-raportti, samat tiedot valmiina luovutettavaksi juristille, johdolle tai viranomaiselle: yhteenveto, erittely vakavuuden ja säännön mukaan, suositeltu korjausjärjestys.
Saavutettavuusseloste, luotu maasi muodossa, tämän esimerkin löydöksillä saavuttamattoman sisällön osiossa.
Selosteen luonnos. Tarkistakaa kaikki tiedot ennen julkaisemista. Axively ei tarjoa oikeudellisia neuvoja.
Jokaiseen AI-auditointiin sisältyy maksuton varmistava uudelleenskannaus 30 päivän kuluessa. Tiimi korjaa mallit ehdotusten mukaan, ajaa uudelleenskannauksen ja näkee suoran ennen ja jälkeen-vertailun samassa visualisoinnissa.
kertamaksu sivuston koon mukaan, varmistava uudelleenskannaus sisältyy AI-auditointiin