Stvaranje pristupačnih aplikacija od gotovih gradivnih elemenata

  • Članak
  • 3 min za pročitati

Pristupačna aplikacija od gotovih gradivnih elemenata omogućit će korisnicima s oštećenjem vida, sluha ili drugim poteškoćama da uspješno upotrebljavaju aplikaciju. Osim što je to uvjet za brojne državne ustanove i organizacije, pridržavanje smjernica navedenih u nastavku povećava mogućnost upotrebe za sve korisnike, bez obzira na njihove sposobnosti.

Upotrebljavajte alat za provjeru pristupačnosti za pomoć pri pregledu mogućih problema s pristupačnošću u vašoj aplikaciji.

Raspored i boja

Logičnost i jednostavan dizajn čine aplikacije pristupačnijima svim korisnicima. Prilikom značajnih prilagodbi aplikacija imajte na umu prijedloge navedene u nastavku. Teme Power Apps namijenjene su za zadovoljenje standarda pristupačnosti.

  • Provjerite jesu li svi elementi jasno vidljivi i je li tekst dovoljne veličine. Sav sadržaj mora biti jednostavan za čitanje i shvaćanje golim okom.
  • Izbjegavajte upotrebu svojstva vidljivosti za stavke ako želite bolje prikazati element. Ako želite nešto uvjetno prikazati, stvorite sadržaj u novom zaslonu i pomaknite se do njega i natrag.
  • Provjerite jesu li ulazni elementi označeni na zaslonu. Svojstvo AccessibleLabel definira što će čitač zaslona priopćiti.
  • Ako prilagođavate boje, osigurajte da je omjer kontrasta teksta prema pozadini 4.5:1 ili veći. Softverski alati koji pomažu tijekom postupka lako su dostupni.
  • Provjerite slijedi li raspored logičan slijed kada se čita odozgo na dolje i slijeva udesno.

Podrška za tipkovnicu

Kada testirate pristupačnost svoje aplikacije, osigurajte da se aplikacija može koristiti samo s tipkovnicom, načinima pristupačnosti u sustavima iOS i Android i čitačima zaslona utemeljenim na tipkovnici.

Za navigaciju pomoću tipkovnice (s čitačem zaslona ili bez njega) osigurajte da pratite logički slijed pri upotrebi tipke tabulatora za navigaciju do polja za unos tako da postavite svojstvo TabIndex za svaku kontrolu:

  • Kontrole za oznaku, sliku, ikonu i oblik – ako predstavljaju interaktivne elemente (npr. gumbe), postavite svojstvo TabIndex na vrijednost 0, a ako su ukrasni elementi ili tekst, svojstvo TabIndex postavite na vrijednost –1.
  • Izbjegavajte postavljanje indeksa tabulatora na vrijednost veću od nule.

Podrška za čitač zaslona

Sljedeće softverske kombinacije podržane su preporuke za upotrebu usluge Power Apps s čitačem zaslona:

  • Windows: Microsoft Edge / Pripovjedač
  • macOS: Safari/VoiceOver
  • Android: aplikacija Power Apps / Talkback
  • iOS: aplikacija Power Apps / VoiceOver

Da biste osigurali zadovoljavajuće iskustvo s čitačem zaslona, preporučuje se sljedeće:

  • Osigurajte da sve ulazne kontrole imaju postavljeno svojstvo AccessibleLabel.
  • Za slike postavite AccessibleLabel na odgovarajući opis.
    • Ako se slika ne koristi kao gumb ili veza (tj. ikona je tu samo za ukras) i čitač zaslona je ne bi trebao pročitati, pobrinite se da je svojstvo AccessibleLabel prazno ili nije postavljeno.
    • Ako se slika ili ikona koristi kao gumb, postavite TabIndex na 0, a AccessibleLabel na opis veze.

Kontrola vrste i strukture

Korištenje pravih kontrola i njihovo grupiranje pomoći će korisnicima čitača zaslona da razumiju strukturu aplikacije.

  • Uključite barem jedan naslov na svakom zaslonu aplikacije. Naslove možete stvoriti postavljanjem svojstva Uloga za Oznaku.
  • Koristite Gumb umjesto Oznake za interaktivni tekst.
  • Grupirajte povezani sadržaj u Spremnike.
  • Imajte na umu nepodržane obrasce dizajna.

Multimedija

Pobrinite se da svi videozapisi imaju titlove i da je korisniku dostupan transkript zvučnih zapisa. Kontrola Videozapis podržava skrivene titlove u obliku WebVTT putem svojstva ClosedCaptionsUrl.

S omogućenim čitačem zaslona, Mjerač vremena ne objavljuje tekst gumba, već koliko je vremena prošlo. Najave nije moguće isključiti, čak ni ako je mjerač vremena skriven i male neprozirnosti.

Rad s potpisima

Ako imate polje za potpis koje upotrebljava kontrolu PenInput, morate omogućiti alternativni način unosa potpisa. Preporučeni je način prikaz kontrole TextInput, gdje korisnik može upisati svoje ime. Osigurajte da se upute za potpisivanje nalaze u svojstvu AccessibleLabel, a kontrola blizu unosa olovkom - desno ili odmah ispod.

Sljedeći koraci

Struktura pristupačne aplikacije

Pogledajte također