Mintajelentés, amely pontosan megmutatja, mit kap: a formátumot, a rangsorolást és a javítási javaslatokat egy valódi Axively-vizsgálati folyamatból. A bemutatott webhely kitalált példa; az Ön saját auditja ugyanilyen felépítésű.
WCAG AA szintű megsértések vagy kritikus funkcionális akadályok (kosár, fizetés, űrlapok). A megfelelés hiányának erős jele az akadálymentesítési jogszabályok szempontjából — kézi ellenőrzés szükséges.
WCAG A szintű megsértések és egyéb súlyos vagy közepes problémák. Az A szint ugyanúgy kötelező a megfeleléshez — a szintek a felhasználói hatást és a javítási prioritást rangsorolják, nem a jogi súlyt.
Az automatikus vizsgálat nem talált WCAG A vagy AA szintű megsértést — csak bevált gyakorlati ajánlásokat és kisebb megállapításokat.
A magas találatszám nem katasztrófa, leltár. A 6752 előfordulásból 267 WCAG-szabálysértés és 6485 bevált gyakorlat — és mindez mindössze 5 különböző okra vezethető vissza.
target-sizeA mozgás- vagy látássérültek és az érintőképernyős felhasználók nehezen találják el a kis célt, és hibáznak. Növelje a kattintható területet belső margóval (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>A gyakorlatban CSS-osztállyal javasoljuk a javítást inline stílus helyett, a javaslat az elvet mutatja.
link-nameA képernyőolvasó ezeket csak „hivatkozás” néven jelenti be, így a céljuk nem deríthető ki. Adjon a hivatkozásnak akadálymentes nevet, a díszítő ikont pedig rejtse el:
/* 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>Ezek a megállapítások az axe bevált gyakorlatokra vonatkozó szabályaiból származnak. Javítják a segítő technológiát használók élményét, de egyetlen WCAG sikerkritériumnak sem felelnek meg, ezért nem számítanak szabálysértésnek és nem befolyásolják az audit árát.
label-title-onlyA csak title-attribútummal, látható <label> nélkül ellátott mezőt a segítő technológiák következetlenül olvassák fel, a látó felhasználóknak pedig egyáltalán nincs címkéjük. Adjon hozzá összekapcsolt címkét:
/* before */
<input class="search" title="address" type="text">
/* after */
<label for="locality">Address</label>
<input id="locality" class="search" type="text">regionA képernyőolvasók nem tudnak megbízhatóan navigálni vagy átugrani a terephatároló régiókon kívüli tartalmat. Mivel sablonelemről van szó, csomagold be egyetlen terephatárolóba:
/* before */
<div class="page-content">
...
</div>
/* after */
<main class="page-content">
...
</main>Egyetlen sablonjavítás eltávolítja mind a ~6 400 előfordulást: sablononként oldódik meg, nem oldalanként.
empty-headingA címsorok szerint navigáló képernyőolvasó-használók olyan elemre jutnak, amely semmit sem mond ki. A címsort csak akkor jelenítse meg, ha van szöveg, vagy töltse ki:
/* before */
<h3 class="teaser-title"></h3>
/* after */
<h3 class="teaser-title">Horaires d'ouverture en aout</h3>A sok előfordulás nem jelent több ezer különböző problémát: általában néhány ok ismétlődik a sablonokon át. Az auditot ezért sablononként és okonként oldjuk meg, nem oldalanként: egyetlen sablonjavítás egyszerre eltünteti az összes előfordulását.
Megjegyzés a skáláról: a fenti összefoglaló 3 kockázati szintbe (magas / közepes / alacsony) sorolja a megállapításokat a megfelelőségre gyakorolt hatás szerint, ami az árat is meghatározza. Az alábbi jelentés 4 technikai szintre (kritikus / súlyos / mérsékelt / csekély) bontja őket a hiba súlyossága szerint, ahogyan azt a vizsgálómotor értékeli. Ugyanazon adatok két nézete, nem ellentmondás.
PDF-jelentés, ugyanazok az adatok ügyvédnek, vezetésnek vagy hatóságnak átadásra készen: összegzés, bontás súlyosság és szabály szerint, ajánlott javítási sorrend.
Akadálymentességi nyilatkozat, az országa formátumában generálva, ebből a mintából származó megállapításokkal a nem akadálymentes tartalom szakaszában.
Nyilatkozattervezet. Közzététel előtt ellenőrizze az összes adatot. Az Axively nem nyújt jogi tanácsadást.
Minden AI-audit tartalmaz egy ingyenes ellenőrző újraszkennelést 30 napon belül. A csapat a javaslatok szerint javítja a sablonokat, lefuttatja az újraszkennelést, és közvetlen előtte és utána összehasonlítást lát ugyanazon a vizualizáción.
egyszeri fizetés a webhely mérete alapján, az ellenőrző újraszkennelés az AI-audit része