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 da biste preimenovali zaslon.

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 SetFocus odmah nakon učitavanja zaslona, naziv zaslona neće se pročitati. Razmislite o stvaranju vidljivog naslova i stvaranju živog područja za najavu promjene konteksta.

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, važna su samo njezina 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 pretpregleda prilikom uređivanja aplikacije, redoslijed kontrola se ne ažurira zbog performansi. Redoslijed će biti pravilan kada se aplikacija objavi i pokrene.
• Redoslijed kontrola nije isti kao onaj prikazan u prikazu stabla kontrola u. Power Apps Studio Prikaz stabla sortira kontrole prema tome kada su dodane u aplikaciju. Ne utječe na redoslijed kontrola prilikom pokretanja aplikacije.
• Kada je vrijednost X ili Y kontrole postavljena na izraz, redoslijed kontrola se ne ažurira kada se promijeni rezultat izraza. Redoslijed se izračunava i fiksira kada se aplikacija spremi, koristeći početno stanje aplikacije za procjenu izraza.
  • Ako mijenjate njegov položaj jer se druge kontrole skrivaju ili prikazuju, možete koristiti spremnike s automatskim rasporedom da biste upravljali X i Y umjesto vas.
  • Sve kontrole možete postaviti i na logičan način bez obzira na vrijednosti izraza. Na primjer, ako bi kontrola A uvijek trebala biti ispod kontrole B, a B može biti skrivena ponekad, postavite A Y da bude If(B.Visible, B.Y + B.Height, B.Y + 1). Dodavanje 1 osigurava da je A uvijek ispod B, čak i ako je B skriveno.

Grupirane kontrole

Zadani redoslijed je prikladan za izolirani sadržaj, ali ne i za grupirani sadržaj. Razmotrite dvije pločice jednu pored druge, nacrtane kontrolama pravokutnika . 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:

1. Lijevi pravokutnik
2. Desni pravokutnik
3. Lijevi naslov
4. Desni naslov
5. A
6. C
7. B
8. D

Ova struktura ne pokazuje da su A i B zajedno i, slično tome, da su C i D zajedno.

Upotrijebite spremnike za grupiranje povezanog sadržaja. Sve kontrole u spremniku pojavit će se zajedno u nizu. Unutar spremnika kontrole su poredane s istim pravilom: od vrha prema dnu, zatim s lijeva na desno.

Zamjenjujući pravokutnike iz prethodnog primjera spremnicima , redoslijed kontrola sada je logičan za korisnike čitača zaslona:

1. Lijevi spremnik
2. Lijevi naslov
3. A
4. B
5. Desni spremnik
6. Desni naslov
7. C
8. D

Sve kontrole u kartici obrasca i galerijiautomatski se grupiraju, tako da ne morate koristiti spremnik. Međutim, ako postoje podgrupe, i dalje biste trebali koristiti Kontejnere 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

Navigacija tipkovnicom važan je aspekt svake aplikacije. Za mnoge je tipkovnica učinkovitija od upotrebe dodira ili miša. Redoslijed navigacije trebao bi:

• Pratite vizualni tijek kontrola.
• Slijediti ili intuitivni poprečni i zatim „Z” redoslijed prema dolje ili prema dolje, a zatim poprečni „obrnuti N” redoslijed.
• Zaustaviti karticu samo na interaktivnim kontrolama.

AcceptsFocus određuje može li se kontrolama pristupiti tipkovnicom. Za klasične kontrole, ekvivalentno svojstvo je TabIndex.

Redoslijed navigacije slijedi redoslijed kontrola: s lijeva na desno, zatim odozgo prema dolje, u uzorku "Z". Možete ga prilagoditi na isti način kao i kod redoslijeda kontrole. Na primjer, kontrole u Spremnicima, Karticama obrazaca i Galerijama ... automatski se grupiraju. Tipka Tab kretat će se kroz sve elemente unutar spremnika prije nego što prijeđe na sljedeću kontrolu izvan spremnika.

Ako je redoslijed navigacije neočekivan, prvo trebate provjeriti je li struktura aplikacije logična.

Napomena

Kada se kontrole dinamički pomiču na zaslonu, na primjer, promjenom vrijednosti X ili Y u skladu s izrazom Power Fx , redoslijed navigacije neće se ažurirati.

Zaobilazno rješenje za prilagođeni niz kartica

Za rijetke slučajeve u kojima bi se redoslijed navigacije na tipkovnici trebao razlikovati od vizualnog redoslijeda, možete pažljivo postaviti kontrole spremnika tako da imaju isti učinak.

U donjem primjeru, gumb A nalazi se iznad gumba B. Prirodni redoslijed navigacije karticama je A, zatim B.

Da biste obrnuli redoslijed navigacije karticama, stavite B u kontrolu Spremnik. Postavite Y vrijednost spremnika iznad A. Struktura aplikacije sada ima spremnik (i B) ispred A. Stoga je redoslijed navigacije karticama B, zatim A.

Ovom tehnikom korisnici čitača zaslona također će se susresti s B prije A prilikom navigacije bez tipke Tab .

Prilagođeni indeksi kartica (povučena značajka)

Prilagođeni indeksi kartica su oni koji su veći od nule. Više nisu podržani. Sve vrijednosti TabIndex veće od nule tretirat će se kao nula.

Prilagođeni indeksi kartica gotovo su uvijek znak lošeg dizajna. Postoje bolje alternative poput stvaranja odgovarajuće strukture aplikacije ili korištenja SetFocusa za promjenu fokusa.

Neki problemi s prilagođenim indeksima kartica:

Pristupačnost

Prilagođeni indeksi kartica ukazuju na ozbiljan problem pristupačnosti. Korisnici čitača zaslona kreću se aplikacijom s pomoću njezine logičke strukture. Prilagođeni indeksi kartica zanemaruju tu strukturu. Budući da se korisnici čitača zaslona mogu kretati i pomoću tipke Tab , bit će zbunjeni kada dobiju drugačiji redoslijed od drugih metoda navigacije.

Upotrebljivost

Korisnike može zbuniti i kada izgleda da su neke stavke preskočene. Mogu biti dezorijentirani kada se fokus pomiče nepredvidivim redoslijedom. To je još problematičnije za korisnike s kognitivnim poteškoćama.

Održavanje

Proizvođači aplikacija moraju ručno ažurirati TabIndex više kontrola svaki put kada se umetne nova. Lako je propustiti ažuriranje ili pogriješiti redoslijed.

Performanse

Za podršku prilagođenih indeksa kartica, sustav Power Apps mora pregledati sve kontrole na stranici i izračunati odgovarajući redoslijed. Ovo izračunavanje je intenzivan proces. Kontrole spremnika kao što je Galerija imaju komplicirana pravila o tome kako TabIndex funkcionira za podređene kontrole. Sustav mapira željeni TabIndex proizvođača aplikacije na drugu vrijednost kako bi se pridržavao ovih pravila. To je razlog zašto čak i ako je TabIndex postavljen na nulu za sve kontrole, stvarni HTML tabindex će biti neki pozitivan broj.

Integracija s drugim komponentama

Prilagođeni indeksi kartica rade samo s ugrađenim kontrolama. Kontrole koje nisu integrirane u sustav indeksa kartica Power Apps imat će neočekivani redoslijed kretanja. To može predstavljati problem za komponente koda. Razvojni inženjeri ovih komponenti moraju pratiti interaktivne elemente i postaviti indeks kartica na njih. Mogu koristiti biblioteke trećih strana, koje možda čak i ne omogućuju prilagodbu indeksa kartica. S druge strane, kada su svi indeksi kartica 0 ili -1, nema potrebe za uključivanjem sustava indeksa kartica Power Apps. Bilo koja komponenta treće strane ugrađena u aplikaciju automatski će dobiti točan slijed kartica.

S druge strane, kada su aplikacije od gotovih gradivnih elemenata ugrađene u drugu web-stranicu, prilagođeni indeksi kartica ne rade. Na primjer, na prilagođenim stranicama. Power Apps ne može kontrolirati elemente izvan aplikacije od gotovih gradivnih elemenata pa će ukupni redoslijed navigacije karticama biti nelogičan.

Sljedeći koraci

Dostupne boje u Power Apps

Pogledajte

• Stvaranje pristupačnih aplikacija
• Prikaz ili skrivanje sadržaja iz pomoćnih tehnologija za aplikacije radnog područja
• Najava dinamičnih promjena pomoću živih područja za aplikacije radnog područja
• Korištenje alata za provjeru pristupačnosti
• Ograničenja pristupačnosti u aplikacijama radnog područja
• Svojstva pristupačnosti