Organizacija kontrola u pristupačnim aplikacijama od gotovih gradivnih elemenata
Kontrole u aplikaciji treba organizirati kako bi se korisnici čitača zaslona kretali prema određenom redoslijedu. Logičan slijed također umanjuje zbunjenost kod korisnika tipkovnice i pomaže im da budu produktivniji.
Smislen naziv zaslona
Kad se zaslon učita, čitači zaslona izgovorit će njegovo ime. Odaberite smislen naziv radi usmjeravanja korisnika.
Naziv zaslona možete promijeniti na stablu kontrola ili na panelu svojstava u servisu Power Apps Studio. Odaberite zaslon, a zatim odaberite
za preimenovanje zaslona.

Prvi element na zaslonu je njegov naziv. Vizualno je skriven i dostupan samo korisnicima čitača zaslona.
Kada se učita novi zaslon, Power Apps fokusira naziv zaslona. Ako koristite Postavi fokus odmah nakon učitavanja zaslona, naziv zaslona se neće pročitati. Razmislite o stvaranju vidljivog naslova koji ćete pretvoriti u živo područje kako bi se najavila promjena u kontekstu.
Logički slijed kontrola
Korisnici čitača zaslona mogu se kretati sadržajem po određenom redoslijedu. Redoslijed se određuje položajem kontrola, počevši od vrha do dna, a zatim slijeva udesno. Veličina kontrole nije bitna već samo njena svojstva X i Y.
U ovom se primjeru A pojavljuje prvo u nizu, jer je najbliže vrhu. B i C imaju isti vertikalni položaj, ali budući da je B bliže lijevoj strani, prikazuje se prije C. D se prikazuje posljednje, jer je najudaljenije od vrha.

Napomena
- U načinu Pretpregled prilikom uređivanja aplikacije, redoslijed kontrola se ne ažurira radi performansi. Redoslijed će biti pravilan kada se aplikacija objavi i pokrene.
- Redoslijed kontrola nije isti kao onaj prikazan u prikazu stabla kontrola u servisu Power Apps Studio. Prikaz stabla sortira kontrole prema tome kada su dodane u aplikaciju. Ne utječe na redoslijed kontrola prilikom pokretanja aplikacije.
Grupirane kontrole
Zadani redoslijed je prikladan za izolirani sadržaj, ali ne i za grupirani sadržaj. Razmotrimo dvije pločice jednu do druge, nacrtane pomoću kontrola Pravokutnik. Svaka pločica ima naslov. Ispod naslova nalaze se dva vertikalno složena gumba: A i B za prvu pločicu i C i D za drugu.

Zadani redoslijed ide od vrha prema dnu, zatim s lijeva na desno. Stoga je redoslijed kontrola:
- Lijevi Pravokutnik
- Desni Pravokutnik
- Lijevi naslov
- Desni naslov
- A
- C
- B
- D
Ova struktura ne pokazuje da su A i B zajedno i, slično tome, da su C i D zajedno.
Koristite Spremnike za grupiranje povezanog sadržaja. Sve kontrole u Spremniku prikazat će se zajedno u nizu. Unutar spremnika kontrole su poredane s istim pravilom: od vrha prema dnu, zatim s lijeva na desno.
Ako se Pravokutnici iz prethodnog primjera zamijene Spremnicima, redoslijed kontrola postaje logičan za korisnike čitača zaslona:
- Lijevi Spremnik
- Lijevi naslov
- A
- B
- Desni Spremnik
- Desni naslov
- C
- D

Sve kontrole u Kartici obrasca i Galeriji grupiraju se automatski, tako da ne morate koristiti Spremnik. Međutim, ako postoje podgrupe, trebali biste i dalje koristiti Spremnike za njih.
U ovom primjeru, redak Galerija ima minijaturu i dva dijela teksta s lijeve strane. S desne strane su dva gumba. Vizualno i logično, dva skupa kontrola trebaju biti grupirana. To osigurava da korisnici čitača zaslona naiđu na lijevu grupu prije desne.

Logički redoslijed navigacije na tipkovnici
TabIndex određuje kako korisnici tipkovnice mogu doći do kontrola. TabIndex treba biti 0 ili -1. S prethodno opisanim logičkim redoslijedom kontrola malo je razloga da TabIndex bude veći od 0.
Redoslijed navigacije na tipkovnici trebao bi pratiti vizualni tok kontrola. Ako je redoslijed navigacije neočekivan, prvo trebate provjeriti je li struktura aplikacije logična.
Napomena
Redoslijed navigacije na tipkovnici nije isti kao redoslijed kontrola. TabIndex utječe samo na navigaciju tipkom tabulatora. To ne mijenja način na koji se korisnici čitača zaslona linearno kreću aplikacijom. Neki korisnici čitača zaslona čak i ne koriste tipkovnice.
Za rijetke slučajeve u kojima bi se redoslijed navigacije na tipkovnici trebao razlikovati od redoslijeda kontrola, možete prilagoditi TabIndex.
Sljedeći koraci
Pristupačne boje u usluzi Power Apps
Pogledajte također
- Stvaranje pristupačnih aplikacija
- Prikaz ili skrivanje sadržaja pomoćnih tehnologija za aplikacije radnog područja
- Najava dinamičnih promjena u područjima uživo za aplikacije radnog područja
- Upotreba alata za provjeru pristupačnosti
- Ograničenja pristupačnosti u aplikacijama od gotovih gradivnih elemenata
- Svojstva pristupačnosti