Kreirajte pristupačne aplikacije sa podlogom

  • Članak
  • 3 min. za čitanje

Pristupačna aplikacija podloge će omogućiti korisnicima sa oštećenjima vida, sluha i drugim oblicima invaliditeta da uspešno koriste aplikaciju. Pored toga što predstavljaju zahtev za mnoge državne institucije i organizacije, sledeće smernice povećavaju upotrebljivost za sve korisnike, bez obzira na njihove sposobnosti.

Koristite kontrolor pristupačnosti da biste lakše pregledali potencijalne probleme sa pristupačnošću u svojoj aplikaciji.

Raspored i boje

Zdrav razum i pojednostavljen dizajn pomažu da aplikacije da budu dostupnije svim korisnicima. Kada obavljate ozbiljna prilagođavanja aplikacija, imajte na umu sledeće predloge. Power Apps teme su projektovane da zadovolje standarde pristupačnosti.

  • Osigurajte da su svi elementi jasno vidljivi i da je tekst dovoljne veličine. Sav sadržaj mora da se lako čita i razume golim okom.
  • Izbegavajte upotrebu svojstva vidljivosti stavki kako biste element doveli u prikaz. Ako treba da prikažete nešto uslovno, kreirajte sadržaj na novom ekranu, pa idite do njega i nazad.
  • Osigurajte da su elementi ulaza označeni na ekranu. Svojstvo AccessibleLabel definiše šta je čitač ekrana da najavi.
  • Ako prilagođavate boje, uverite se da je odnos kontrasta teksta prema pozadini 4,5: 1 ili veći. Softverski alati koji pomažu u ovom procesu su lako dostupni.
  • Osigurajte da raspored sledi logičan tok kada se čita odozgo nadole, sleva nadesno.

Podrška za tastaturu

Kada testirate pristupačnost aplikacije, uverite se da se aplikacija može koristiti samo sa tastaturom, načinima pristupačnosti na sistemima iOS i Android i čitačima ekrana zasnovanim na tastaturi.

Za navigaciju na tastaturi (sa ili bez čitača ekrana), osigurajte da se sledi logički redosled kada se pomoću tastera TAB koristi navigacija do polja za unos podešavanjem svojstva TabIndex svake kontrole:

  • Kontrole oznaka, slika, ikona, oblika – ako predstavljaju interaktivne elemente (tj. dugmad), postavite TabIndex na 0; ako su to dekorativni elementi ili tekst, postavite TabIndex na -1.
  • Izbegavajte da postavljate indeks tabulacije na vrednosti veće od nule.

Podrška za čitače ekrana

Sledeće kombinacije softvera su podržane preporuke za korišćenje usluge Power Apps sa čitačem ekrana:

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

Da biste osigurali zadovoljavajući doživljaj sa čitačem ekrana, preporučuje se sledeće:

  • Uverite se da sve ulazne kontrole imaju podešeno svojstvo AccessibleLabel.
  • Za slike sa AccessibleLabel postavljenim na odgovarajući opis.
    • Ako se slika ne koristi kao dugme ili veza (tj. ikona je tu samo za ukras) i čitač ekrana ne bi trebalo da je pročita , uverite se da je AccessibleLabel prazan ili da nije podešen.
    • Ako se slika ili ikona koriste kao dugme, onda podesite TabIndex na 0 i AccessibleLabel na opis veze.

Tip i struktura kontrole

Korišćenje pravih kontrola i njihovo grupisanje pomoći će korisnicima čitača ekrana da razumeju strukturu aplikacije.

Multimedija

Osigurajte da svi video snimci imaju titlove i da je korisniku dostupna prepiska svih audio snimaka. Kontrola Video podržava zatvorene titlove u formatu WebVTT putem svojstva ClosedCaptionsUrl.

Sa omogućenim čitačem ekrana, Tajmer ne najavljuje tekst dugmeta, već koliko je vremena prošlo. Objave se ne mogu isključiti, čak i ako je tajmer skriven niskom neprozirnošću.

Rad sa potpisima

Ako imate polje za potpis koje koristi kontrolu PenInput, trebate da omogućite alternativni način unosa potpisa. Preporučeni način je prikazivanje kontrole TextInput u kojoj korisnik može upisati svoje ime. Obavezno stavite uputstva za potpisivanje u svojstvo AccessibleLabel i da je kontrola postavljena blizu unosa olovke – desno ili odmah ispod.

Sledeći koraci

Struktura pristupačne aplikacije

Takođe pogledajte