Ataskaitos pavyzdys, kuris tiksliai parodo, ką gaunate: formatą, prioritetų nustatymą ir taisymo pasiūlymus iš tikro Axively skenavimo darbo eigos. Rodoma svetainė yra išgalvotas pavyzdys; jūsų pačių auditas turi tą pačią struktūrą.
WCAG AA lygio pažeidimai arba kritinės funkcinės kliūtys (krepšelis, atsiskaitymas, formos). Stiprus neatitikties prieinamumo teisės aktams rodiklis — būtina rankinė patikra.
WCAG A lygio pažeidimai ir kitos rimtos ar vidutinės problemos. A lygis atitikčiai yra lygiai taip pat privalomas — lygiai rikiuoja poveikį naudotojams ir taisymo prioritetą, o ne teisinę svarbą.
Automatinis skenavimas nerado WCAG A ar AA lygio pažeidimų — tik gerosios praktikos rekomendacijos ir smulkūs pastebėjimai.
Didelis radinių skaičius nėra katastrofa, tai inventorius. Iš 6 752 atvejų 267 yra WCAG pažeidimai, o 6 485 — gerosios praktikos, ir visa tai kyla tik iš 5 skirtingų priežasčių.
target-sizeMotorinių ar regėjimo sutrikimų turintys žmonės ir jutiklinių įrenginių naudotojai sunkiai pataiko į mažą taikinį ir daro klaidų. Padidinkite spustelimą plotą su atsahumu:
/* 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>Praktikoje rekomenduojame taisyti tai su CSS klase, o ne su inline stiliumi, pasiūlymas rodo principą.
link-nameEkrano skaitytuvai tokią nuorodą praneša tik kaip „nuoroda“, todėl neaišku, kur ji veda. Suteikite nuorodai prieinamą pavadinimą, o dekoratyvinę piktogramą paslėpkite:
/* 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>Šie radiniai kyla iš axe gerosios praktikos taisyklių. Jie pagerina naudojimą pagalbinių technologijų naudotojams, tačiau neatitinka nė vieno WCAG sėkmės kriterijaus, todėl nelaikomi pažeidimais ir neturi įtakos audito kainai.
label-title-onlyLauką tik su title atributu ir be matomos <label> žymos pagalbinės technologijos skaito nenuosekliai, o regintys naudotojai išvis neturi etiketės. Pridėkite susietą etiketę:
/* before */
<input class="search" title="address" type="text">
/* after */
<label for="locality">Address</label>
<input id="locality" class="search" type="text">regionEkrano skaitytuvai negali patikimai naršyti ar praleisti turinio, esančio už orientacinių sričių ribų. Kadangi tai šablono elementas, apgaubkite jį viena orientacine sritimi:
/* before */
<div class="page-content">
...
</div>
/* after */
<main class="page-content">
...
</main>Vienas šablono pataisymas pašalina visus ~6 400 atvejų: sprendžiama pagal šablonus, o ne pagal puslapius.
empty-headingEkrano skaitytuvo naudotojai, naršantys pagal antraštes, patenka į elementą, kuris nieko nepraneša. Antraštę rodykite tik tada, kai yra tekstas, arba ją užpildykite:
/* before */
<h3 class="teaser-title"></h3>
/* after */
<h3 class="teaser-title">Horaires d'ouverture en aout</h3>Didelis pasikartojimų skaičius nereiškia tūkstančių skirtingų problemų: paprastai tai kelios priežastys, pasikartojančios per šablonus. Todėl auditas sprendžiamas pagal šablonus ir priežastis, o ne puslapis po puslapio: vienas šablono pataisymas iškart pašalina visus jo pasikartojimus.
Pastaba apie skalę: aukščiau pateikta santrauka skirsto radinius į 3 rizikos lygius (aukštas / vidutinis / žemas) pagal poveikį atitikčiai, o tai lemia ir kainą. Žemiau esanti ataskaita juos skirsto į 4 techninius lygius (kritinis / rimtas / vidutinis / nedidelis) pagal defekto sunkumą, kurį įvertina skenavimo variklis. Du to paties duomenų rinkinio vaizdai, o ne neatitikimas.
PDF ataskaita, tie patys duomenys, paruošti perduoti teisininkui, vadovybei ar reguliatoriui: suvestinė, suskirstymas pagal rimtumą ir taisyklę, rekomenduojama taisymų tvarka.
Prieinamumo deklaracija, sugeneruota formatu jūsų šaliai, su šio pavyzdžio radiniais neprieinamo turinio skyriuje.
Deklaracijos juodraštis, prieš skelbdami patikrinkite visus duomenis. Axively neteikia teisinių konsultacijų.
Kiekvienas AI auditas apima nemokamą tikrinimo perskanavimą per 30 dienų. Komanda taiso šablonus pagal pasiūlymus, paleidžia perskanavimą ir mato tiesioginį prieš ir po palyginimą toje pačioje vizualizacijoje.
vienkartinis mokėjimas pagal svetainės dydį, tikrinimo perskanavimas įtrauktas į AI auditą