This translation has not been editorially reviewed yet. The German version is authoritative. Deutsche Fassung →
Responsive
Kako provjeravate jedan element na svim veličinama ekrana?
Jedan element provjerava se tako što ga ciljano adresira i na svakoj veličini uređaja zasebno mjeri. Servis za provjeru radi upravo to: pronalazi navedeni element — primjerice tablicu cijena, obrazac za prijavu ili ugrađeni kalendar — na pametnom telefonu, tabletu i stolnom računalu i provjerava je li prisutan i vidljiv, potpuno pristaje li u širinu uređaja i je li dobar za korištenje.
Ta pitanja odgovara element-provjera
Po veličini uređaja odgovara provjera pet pitanja. Je li element uopće prisutan? Neka sraznaa gube vidljivost na malim ekranima. Je li vidljivo, s mjerljivom širinom i visinom? Pristaje li u širinu uređaja, ili strči bočno preko granice ekrana? Jesu li sva sučela u njemu — dugmad, veze, polja za unos — najmanje 24 puta 24 piksela kako traži pravilo bariju WCAG 2.5.8? I ostaje li svaki tekst u njemu potpuno čitljiv, umjesto odrezan? Za svaki profil uređaja izvješće prilaginje markiran snimak zaslona na kojem je provjeravani element istaknuta — stanje je tako dokazano, ne samo tvrdnje.
Tada se isplati pogled na jedan element
Ciljana provjera je pravi alat kada jedno mjesto brine ili je upravo popravljeno. Tipični slučajeva: tablica cijena strčala na mobilnom preko ruba, a nakon ispravke trebalo je dokazati da sada pristaje na sve četiri veličine uređaja. Nova kontakt forma trebala biti provjerena prije puštanja u proizvodnju. Ili ugrađeni trececi sadržaj — mapa, prozor za rezerviranje, konstruktor za recenzije — ponaša se drugačije od ostatka stranice jer dolazi od drugog pružatelja. Umjesto ponovno provjeravanja cijele stranice, element-provjera daje jasan odgovor na upravo oto mjestu.
- Nazivajte element koji vas brine što je konkretnije moguće — primjerice 'tablica cijena na stranici s ponudom'.
- Provjerite nakon svake popravke ciljano zahvaćeni element na sve četiri veličine uređaja, umjesto da se oslanjate na dojam na stolnom računalu.
- Pogledajte markirane snimke zaslona u izvješću — oni pokazuju element u stanju svake veličine uređaja.
- Dozvolite ugrađenom sadržaju kao mapama ili prozorima za rezerviranje posebnu provjeru, jer slijede vlastita pravila.