Axively

Tako izgleda revizija Axively.

Vzorčno poročilo, ki natančno prikazuje, kaj dobite: obliko, razvrščanje po prednosti in predloge popravkov iz resničnega poteka pregleda Axively. Prikazano spletno mesto je izmišljen primer; vaša lastna revizija ima enako strukturo.

Povzetek rezultatov

267
Skupaj kršitev
6485
Dobre prakse
5
Edinstvenih vrst težav
€9 + €59
skeniranje + revizija z UI · 51–200 strani

Visoka

252 kršitev

Kršitve WCAG ravni AA ali kritične funkcionalne ovire (košarica, blagajna, obrazci). Močan pokazatelj neskladnosti z zakonodajo o dostopnosti — potrebna je ročna preveritev.

Tveganje:
Visoko pravno tveganje po EAA.
Časovni okvir:
Odpravite čim prej.

Srednja

15 kršitev

Kršitve WCAG ravni A in druge resne ali zmerne težave. Raven A je za skladnost enako obvezna — ravni razvrščajo vpliv na uporabnike in prednost popravkov, ne pravne teže.

Tveganje:
Delna neskladnost — obravnavajte v svojem načrtu sanacije.
Časovni okvir:
Odpravite v nekaj tednih.

Nizka

0 kršitev

Samodejno skeniranje ni našlo kršitev WCAG ravni A ali AA — le priporočila dobre prakse in manjše ugotovitve.

Tveganje:
Nizko pravno tveganje — samodejno skeniranje ni našlo kršitve WCAG A/AA.
Časovni okvir:
Priporočena izboljšava.

Visoko število ugotovitev ni katastrofa, to je popis. Od 6.752 pojavov jih je 267 kršitev WCAG, 6.485 pa dobrih praks — in vse to izhaja iz samo 5 različnih vzrokov.

Ugotovitev 1: Premajhna površina za dotik

Kaj je skener našel
Pravilo:
target-size
Resnost:
resno
WCAG:
2.5.8 Velikost cilja (minimalna), raven AA (novo v WCAG 2.2)
Pojavi:
252
Element:
telefonska povezava v glavi, površina za dotik manjša od 24 × 24 px, blizu drugih povezav
Predlog popravka z UI

Ljudje z motoričnimi ali vidnimi okvarami in uporabniki naprav na dotik se težko dotaknejo majhnega cilja in delajo napake. Povečajte površino za klikanje z oblogo:

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

V praksi priporočamo odpravo z razredom CSS namesto vgrajenega sloga, predlog prikazuje načelo.

Ugotovitev št. 2: Povezava brez prepoznavnega imena

Kaj je skener našel
Pravilo:
link-name
Resnost:
resno
WCAG:
4.1.2 Ime, vloga, vrednost, raven A (povezano tudi z 2.4.4 Namen povezave)
Pojavi:
15
Element:
povezave do družbenih omrežij v nogi samo z ikono, brez besedila in brez dostopnega imena
Predlog popravka z UI

Bralniki zaslona takšno povezavo sporočijo le kot „povezava“, zato cilj ostane neznan. Povezavi dajte dostopno ime, okrasno ikono pa skrijte:

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

Dobre prakse (niso kršitve WCAG)

Te ugotovitve izhajajo iz pravil dobrih praks axe. Izboljšujejo uporabnost za uporabnike podpornih tehnologij, vendar ne ustrezajo nobenemu merilu uspešnosti WCAG, zato se ne štejejo kot kršitve in ne vplivajo na ceno revizije.

Ugotovitev 3: Polje obrazca brez vidne oznake

Kaj je skener našel
Pravilo:
label-title-only
Resnost:
resno
WCAG:
Best practice (axe) — povezano s 3.3.2 Oznake ali navodila in 4.1.2 Ime, vloga, vrednost
Pojavi:
64
Element:
iskalno polje, označeno samo z atributom title, brez <label>
Predlog popravka z UI

Polje samo z atributom title in brez vidne oznake <label> podporne tehnologije berejo nedosledno, videči uporabniki pa oznake sploh nimajo. Dodajte povezano oznako:

/* before */
<input class="search" title="address" type="text">

/* after */
<label for="locality">Address</label>
<input id="locality" class="search" type="text">

Ugotovitev št. 4: Vsebina zunaj mejnih območij (landmarks)

Kaj je skener našel
Pravilo:
region
Resnost:
zmerna
WCAG:
Best practice (axe) — povezano s 1.3.1 Informacije in razmerja
Pojavi:
6400
Element:
vsebina zunaj mejnih območij (landmarks), en sam element predloge, ponovljen na vsaki strani
Predlog popravka z UI

Bralniki zaslona se v vsebini zunaj mejnih območij ne morejo zanesljivo premikati ali je preskočiti. Ker gre za element predloge, ga ovijte v eno samo mejno območje:

/* before */
<div class="page-content">
  ...
</div>

/* after */
<main class="page-content">
  ...
</main>

En sam popravek v predlogi odstrani vseh ~6.400 pojavitev: rešuje se po predlogah, ne po straneh.

Ugotovitev št. 5: Prazen naslov

Kaj je skener našel
Pravilo:
empty-heading
Resnost:
manjše
WCAG:
Best practice (axe) — povezano z 2.4.6 Naslovi in oznake
Pojavi:
21
Element:
naslov v bloku napovednikov člankov, ki ostane prazen, kadar napovednik nima naslova
Predlog popravka z UI

Uporabniki bralnikov zaslona, ki se premikajo po naslovih, pridejo do elementa, ki ne sporoči ničesar. Naslov prikažite le, kadar je besedilo, ali ga izpolnite:

/* before */
<h3 class="teaser-title"></h3>

/* after */
<h3 class="teaser-title">Horaires d'ouverture en aout</h3>

Zakaj 6.752 pojavov = le 5 vzroki

Veliko število pojavitev ne pomeni tisočev različnih težav: običajno gre za nekaj vzrokov, ki se ponavljajo po predlogah. Zato se revizija rešuje po predlogah in po vzrokih, ne stran za stranjo: en sam popravek v predlogi naenkrat odstrani vse njene pojavitve.

Kaj še dobite

Opomba o lestvici: povzetek zgoraj razvrsti ugotovitve v 3 ravni tveganja (visoka / srednja / nizka) glede na vpliv na skladnost, kar določa tudi ceno. Poročilo spodaj jih razdeli na 4 tehnične ravni (kritična / resna / zmerna / manjša) glede na resnost napake, kot jo oceni pregledovalni mehanizem. Dva pogleda na iste podatke, ne neskladje.

Predogled poročila

PDF poročilo, enaki podatki, pripravljeni za predajo odvetniku, upravi ali regulatornemu organu: povzetek, razčlenitev po resnosti in pravilu, priporočeni vrstni red popravkov.

Predogled izjave

Izjava o dostopnosti, ustvarjena v obliki za vašo državo, z ugotovitvami iz tega vzorca v razdelku nedostopne vsebine.

Osnutek izjave, preden objavite, preverite vse podrobnosti. Axively ne zagotavlja pravnega svetovanja.

Kako se izide (preveritveni ponovni pregled)

Vsaka revizija AI vključuje brezplačni preveritveni ponovni pregled v 30 dneh. Ekipa popravi predloge po predlogih, zažene ponovni pregled in vidi neposredno primerjavo pred in po na isti vizualizaciji.

Želite videti ta števila za vaše spletno mesto?

Prikaži število strani

enkratno plačilo glede na velikost spletnega mesta, preveritveni ponovni pregled vključen v revizijo AI