Näidisaruanne, mis näitab täpselt, mida saate: vormingu, prioriseerimise ja parandusettepanekud tõelisest Axively skannimise töövoost. Näidatud sait on väljamõeldud näide; teie enda audit on sama ülesehitusega.
WCAG AA-taseme rikkumised või kriitilised funktsionaalsed takistused (ostukorv, kassa, vormid). Tugev märk ligipääsetavusõiguse nõuetele mittevastavusest — vajab käsitsi kontrolli.
WCAG A-taseme rikkumised ja muud tõsised või mõõdukad probleemid. A-tase on vastavuse jaoks sama kohustuslik — tasemed järjestavad mõju kasutajale ja paranduste prioriteedi, mitte õigusliku kaalu.
Automaatne skannimine ei leidnud WCAG A- ega AA-taseme rikkumisi — ainult parimate tavade soovitused ja väiksemad tähelepanekud.
Suur leidude arv pole katastroof, see on inventuur. 6752 esinemisest on 267 WCAG rikkumised ja 6485 head tavad — ja kõik tuleneb vaid 5 erinevast põhjusest.
target-sizeMootori- või nägemispuudega inimestel ja puuteseadmete kasutajatel on väikest sihtmärki raske tabada ja nad teevad vigu. Suurendage klikitavat ala täidisega (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>Praktikas soovitame seda parandada CSS-klassiga, mitte inline-stiiliga, soovitus näitab põhimõtet.
link-nameEkraanilugejad teatavad sellisest lingist vaid „link“, seega jääb sihtkoht teadmata. Andke lingile juurdepääsetav nimi ja peitke dekoratiivne ikoon:
/* 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>Need leiud pärinevad axe heade tavade reeglitest. Need parandavad abitehnoloogia kasutajate kogemust, kuid ei vasta ühelegi WCAG edukriteeriumile, seega ei loeta neid rikkumisteks ega mõjuta need auditi hinda.
label-title-onlyVälja, millel on ainult title-atribuut ja puudub nähtav <label>, loevad abitehnoloogiad ette ebajärjekindlalt ning nägijatel pole silti üldse. Lisage seotud silt:
/* before */
<input class="search" title="address" type="text">
/* after */
<label for="locality">Address</label>
<input id="locality" class="search" type="text">regionEkraanilugejad ei suuda usaldusväärselt navigeerida ega vahele jätta sisu, mis on väljaspool orientiiripiirkondi. Kuna tegu on malli elemendiga, mähkige see ühte orientiiripiirkonda:
/* before */
<div class="page-content">
...
</div>
/* after */
<main class="page-content">
...
</main>Üksainus parandus mallis eemaldab kõik ~6400 esinemist: lahendatakse malli, mitte lehe kaupa.
empty-headingEkraanilugeja kasutajad, kes liiguvad pealkirjade kaupa, satuvad elemendile, mis ei teata midagi. Kuvage pealkiri ainult siis, kui tekst on olemas, või täitke see:
/* before */
<h3 class="teaser-title"></h3>
/* after */
<h3 class="teaser-title">Horaires d'ouverture en aout</h3>Suur esinemiste arv ei tähenda tuhandeid erinevaid probleeme: tavaliselt on tegu mõne põhjusega, mis korduvad mallides. Seetõttu lahendatakse auditit malli ja põhjuse, mitte lehekülje kaupa: üksainus malliparandus eemaldab kõik selle esinemised korraga.
Märkus skaala kohta: ülal olev kokkuvõte jaotab leiud 3 riskitasemele (kõrge / keskmine / madal) vastavuse mõju järgi, millest sõltub ka hind. Allolev aruanne jagab need 4 tehnilisele tasemele (kriitiline / tõsine / mõõdukas / väike) defekti raskusastme järgi, nagu seda hindab skannimismootor. Kaks vaadet samadele andmetele, mitte vastuolu.
PDF-aruanne, samad andmed valmis advokaadile, juhtkonnale või järelevalveasutusele üleandmiseks: kokkuvõte, jaotus raskusastme ja reegli järgi, soovitatav parandamisjärjekord.
Ligipääsetavusdeklaratsioon, loodud teie riigi vormingus, selle näite leidudega ligipääsematu sisu jaotises.
Deklaratsiooni mustand, kontrollige kõik üksikasjad enne avaldamist. Axively ei anna õigusnõu.
Iga AI-audit sisaldab tasuta kinnitavat kordusskannimine 30 päeva jooksul. Meeskond parandab mallid soovituste järgi, käivitab kordusskannimine ja näeb otsest enne ja pärast võrdlust samal visualiseerimisel.
ühekordne makse saidi suuruse järgi, kinnitav kordusskannimine sisaldub AI-auditis