Axively

Takto vyzerá audit od Axively.

Ukážková správa, ktorá presne ukazuje, čo dostanete: formát, zoradenie podľa priorít a návrhy opráv zo skutočného pracovného postupu skenovania Axively. Zobrazený web je vymyslený príklad; váš vlastný audit má rovnakú štruktúru.

Súhrn výsledkov

267
Celkom porušení
6 485
Osvedčené postupy
5
Unikátnych typov problémov
€9 + €59
sken + AI audit · 51–200 stránok

Vysoká

252 porušení

Porušenia WCAG úrovne AA alebo kritické funkčné prekážky (košík, platba, formuláre). Silný indikátor nesúladu so zákonom o prístupnosti — podlieha manuálnemu overeniu.

Riziko:
Vysoké právne riziko podľa EAA.
Časový rámec:
Opravte čo najskôr.

Stredná

15 porušení

Porušenia WCAG úrovne A a ďalšie závažné či stredné problémy. Úroveň A je pre zhodu rovnako povinná — stupne radia dopad na používateľa a prioritu opráv, nie právnu závažnosť.

Riziko:
Čiastočný nesúlad — riešte ho vo svojom pláne nápravy.
Časový rámec:
Opravte v priebehu týždňov.

Nízka

0 porušení

Automatický sken nenašiel porušenia WCAG úrovne A ani AA — len odporúčania nad rámec štandardu a drobné nedostatky.

Riziko:
Nízke právne riziko — automatický sken nenašiel porušenie WCAG A/AA.
Časový rámec:
Odporúčané zlepšenie.

Vysoký počet nálezov nie je katastrofa, je to inventár. Zo 6 752 výskytov je 267 porušení WCAG a 6 485 odporúčaných postupov — a všetko to vychádza len z 5 rôznych príčin.

Nález č. 1: Príliš malý dotykový cieľ

Čo scanner našiel
Pravidlo:
target-size
Závažnosť:
závažná
WCAG:
2.5.8 Veľkosť cieľa (minimálna), úroveň AA (nové vo WCAG 2.2)
Výskytov:
252
Element:
telefónny odkaz v záhlaví, dotykový cieľ menší ako 24 × 24 px, blízko ďalších odkazov
AI návrh opravy

Ľudia s motorickým či zrakovým postihnutím a používatelia dotykových zariadení sa na malý cieľ trefujú ťažko a robia chyby. Zväčšite klikateľnú plochu odsadením:

/* 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 praxi odporúčame opravu triedou v CSS namiesto inline štýlu, návrh ukazuje princíp.

Nález č. 2: Odkaz bez rozpoznateľného názvu

Čo scanner našiel
Pravidlo:
link-name
Závažnosť:
závažná
WCAG:
4.1.2 Názov, rola, hodnota, úroveň A (súvisí aj 2.4.4 Účel odkazu)
Výskytov:
15
Element:
odkazy na sociálne siete v pätičke len s ikonou, bez textu a bez prístupného názvu
AI návrh opravy

Čítačky obrazovky takýto odkaz oznámia len ako „odkaz“, takže sa nedá zistiť, kam vedie. Dajte odkazu prístupný názov a dekoratívnu ikonu skryte:

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

Osvedčené postupy (nejde o porušenia WCAG)

Tieto nálezy pochádzajú z pravidiel axe pre osvedčené postupy. Zlepšujú použiteľnosť pre používateľov asistenčných technológií, ale nezodpovedajú žiadnemu kritériu úspešnosti WCAG, takže sa nepočítajú medzi porušenia a neovplyvňujú cenu auditu.

Nález č. 3: Formulárové pole bez viditeľného štítka

Čo scanner našiel
Pravidlo:
label-title-only
Závažnosť:
závažná
WCAG:
Best practice (axe) — súvisí s 3.3.2 Štítky alebo inštrukcie a 4.1.2 Názov, rola, hodnota
Výskytov:
64
Element:
vyhľadávacie pole označené len atribútom title, bez <label>
AI návrh opravy

Pole iba s atribútom title a bez viditeľného <label> čítajú asistenčné technológie nekonzistentne a vidiaci používatelia nemajú štítok vôbec. Doplňte prepojený štítok:

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

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

Nález č. 4: Obsah mimo orientačné oblasti (landmarky)

Čo scanner našiel
Pravidlo:
region
Závažnosť:
stredná
WCAG:
Best practice (axe) — súvisí s 1.3.1 Informácie a vzťahy
Výskytov:
6 400
Element:
obsah ležiaci mimo orientačné oblasti (landmarky), jeden prvok šablóny opakovaný na všetkých stránkach
AI návrh opravy

Čítačky obrazovky sa v obsahu mimo orientačné oblasti nedokážu spoľahlivo orientovať ani ho preskakovať. Keďže ide o prvok šablóny, obaľte ho jedinou orientačnou oblasťou:

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

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

Jedna oprava v šablóne odstráni všetkých ~6 400 výskytov: rieši sa po šablónach, nie po stránkach.

Nález č. 5: Prázdny nadpis

Čo scanner našiel
Pravidlo:
empty-heading
Závažnosť:
drobná
WCAG:
Best practice (axe) — súvisí s 2.4.6 Nadpisy a menovky
Výskytov:
21
Element:
nadpis v bloku upútaviek na články, ktorý zostane prázdny, keď upútavka nemá titulok
AI návrh opravy

Používatelia čítačiek obrazovky, ktorí sa pohybujú po nadpisoch, narazia na položku, ktorá nič neoznámi. Nadpis zobrazujte len vtedy, keď má text, alebo ho doplňte:

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

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

Prečo 6 752 výskytov = len 5 príčiny

Vysoký počet výskytov neznamená tisíce rôznych problémov: väčšinou ide o pár príčin opakovaných cez šablóny. Preto sa audit rieši po šablónach a príčinách, nie po jednotlivých stránkach: jedna oprava v šablóne odstráni všetky jej výskyty naraz.

Čo ďalšie dostanete

Poznámka k škále: súhrn vyššie zaraďuje nálezy do 3 stupňov rizika (vysoká / stredná / nízka) podľa dopadu na súlad, z čoho sa počíta aj cena. Správa nižšie ich člení do 4 technických úrovní (kritická / vážna / stredná / nízka) podľa závažnosti defektu, ako ju hodnotí skenovací engine. Dva pohľady na tie isté dáta, nie nesúlad.

Náhľad správy

PDF správa, rovnaké dáta pripravené na odovzdanie právnikovi, vedeniu alebo regulátorovi: súhrn, rozpad podľa závažnosti a pravidiel, odporúčané poradie opráv.

Náhľad vyhlásenia

Vyhlásenie o prístupnosti, vygenerované vo formáte pre vašu krajinu, s ukážkovými nálezmi v sekcii neprístupného obsahu.

Návrh vyhlásenia, pred zverejnením skontrolujte správnosť údajov. Axively neposkytuje právne poradenstvo.

Ako to dopadne (overovací re-scan)

Každý AI audit zahŕňa overovací re-scan zdarma do 30 dní. Tím web opraví podľa návrhov, spustí re-scan a uvidí priame porovnanie pred a po na rovnakej vizualizácii.

Chcete vidieť tieto čísla pre váš web?

Zistiť počet stránok

jednorazová platba podľa veľkosti webu, overovací re-scan v cene AI auditu