Ovako izgleda revizija od Axively.

Nalaz 1, Premala ciljna zona dodira

Pravilo:

target-size

Ozbiljnost:

ozbiljno

WCAG:

2.5.8 Veličina cilja (minimalna), razina AA (novo u WCAG 2.2)

Slučajevi:

252 slučajevi

Element:

telefonska veza u zaglavlju, ciljna zona dodira manja od 24 × 24 px, blizu ostalih veza

Osobe s motoričkim ili vizualnim teškoćama i korisnici uređaja na dodir bore se s malim ciljem i griješe. Povećajte klikabilno područje s 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>

U praksi preporučujemo ispravak s CSS klasom umjesto ugrađenog stila, prijedlog prikazuje načelo.

Nalaz 2, Polje obrasca bez vidljive oznake

Pravilo:

label-title-only

Ozbiljnost:

ozbiljno

WCAG:

3.3.2 Oznake ili upute (A) + 4.1.2 Naziv, uloga, vrijednost (A)

Slučajevi:

64 slučajevi

Element:

polje za pretraživanje označeno samo atributom title, bez <label>

Bez vidljive <label>, čitač zaslona ne može pouzdano reći čemu polje služi. title i placeholder nisu dovoljni. Dodajte povezanu oznaku:

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

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

Nalaz br. 3 — Sadržaj izvan orijentacijskih područja (landmarks)

Pravilo:

region

Ozbiljnost:

umjerena

WCAG:

1.3.1 Informacije i odnosi, razina A

Slučajevi:

6.400 slučajevi

Element:

sadržaj izvan orijentacijskih područja (landmarks) — jedan element predloška ponovljen na svakoj stranici

Čitači zaslona ne mogu pouzdano navigirati ni preskočiti sadržaj izvan orijentacijskih područja. Budući da je riječ o elementu predloška, omotajte ga u jedno orijentacijsko područje:

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

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

Jedan popravak u predlošku uklanja svih ~6.400 pojavljivanja — rješava se po predlošku, ne po stranici.