Tā izskatās Axively audits.

Atradums 1, Pieskāriena mērķis pārāk mazs

Noteikums:

target-size

Nopietnība:

nopietns

WCAG:

2.5.8 Mērķa lielums (minimums), AA līmenis (jauns WCAG 2.2)

Gadījumi:

252 gadījumi

Elements:

tālruņa saite galvenē, pieskāriena mērķis mazāks par 24 × 24 px, citu saišu tuvumā

Cilvēki ar motoriskām vai redzes problēmām un skārienierīču lietotāji grūti noklikšķina uz maza mērķa un pieļauj kļūdas. Palieliniet noklikšķināmo apgabalu ar atstarpē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>

Praksē iesakām to labot ar CSS klasi, nevis iekļauto stilu, ieteikums rāda principu.

Atradums 2, Veidlapas lauks bez redzama uzraksta

Noteikums:

label-title-only

Nopietnība:

nopietns

WCAG:

3.3.2 Uzraksti vai instrukcijas (A) + 4.1.2 Nosaukums, loma, vērtība (A)

Gadījumi:

64 gadījumi

Elements:

meklēšanas lauks, ko apzīmē tikai title atribūts, nav <label>

Bez redzama <label> ekrāna lasītājs nevar droši pateikt, kam paredzēts lauks. title un placeholder nav pietiekami. Pievienojiet saistītu uzrakstu:

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

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

3. konstatējums — Saturs ārpus orientieru apgabaliem (landmark)

Noteikums:

region

Nopietnība:

vidēja

WCAG:

1.3.1 Informācija un attiecības, A līmenis

Gadījumi:

6400 gadījumi

Elements:

saturs ārpus orientieru apgabaliem (landmark) — viens veidnes elements, kas atkārtojas katrā lapā

Ekrāna lasītāji nevar uzticami pārvietoties pa saturu vai izlaist saturu, kas atrodas ārpus orientieru apgabaliem. Tā kā tas ir veidnes elements, ietveriet to vienā orientieru apgabalā:

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

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

Viens labojums veidnē novērš visus ~6400 gadījumus — risina pa veidnēm, nevis pa lapām.