Lage tilgjengelige lerretsapper

  • Artikkel

En tilgjengelig lerretsapp gjør det enklere for brukere med syns-, hørsel- og andre typer hemminger å bruke appen. I tillegg til at det er et krav for mange myndigheter og organisasjoner, økes brukervennligheten for brukerne, uavhengig av funksjonsnivå, ved å følge retningslinjene nedenfor.

Bruk Tilgjengelighetskontrollen til å se gjennom potensielle problemer med tilgjengelighet i appen.

Oppsett og farger

Sunn fornuft og ukomplisert utforming gjør det enkelt for alle brukere å forstå appene. Legg merke til forslagene nedenfor når du skal gjøre vanskelige tilpasninger i apper. Power Apps-temaer er utformet for å overholde tilgjengelighetsstandarder.

  • Kontroller at alle elementene er godt synlige, og at teksten er stor nok. Alt innhold må være lett å lese og forstå med det blotte øye.
  • Kontroller at inndataelementene er merket på skjermen. AccessibleLabel-egenskapen bestemmer hva skjermleseren skal si.
  • Hvis du tilpasser farger, må du kontrollere at kontrastforholdet mellom tekst og bakgrunn er 4,5:1 eller større. Programvareverktøy som gjør denne prosessen enklere, er lett tilgjengelig.
  • Kontroller at oppsettet følger en logisk flyt når du leser fra topp til bunn, og venstre mot høyre.
  • Opprett en responsiv app, slik at brukere med nedsatt syn kan zoome inn og bruke den uten å rulle frem og tilbake.

Tastatur

Når du tester appens tilgjengelighet, må du sørge for at appen bare kan brukes av tastaturet, med eller uten leser.

Tab-tasten bør navigere til interaktive elementer i logisk rekkefølge. Du kan opprette dette med en logisk appstruktur og ved å angi hver kontrolls TabIndex-egenskap i henhold til dette.

  • Kontrollene Etikett, Bilde, Ikon, Form: Sett TabIndex til 0 hvis de er ment å være interaktive. Hvis ikke, setter du TabIndex til -1.
  • Ikke angi TabIndex som er større enn null.
  • Kontroller at appinnstillingen for Forenklet kategoriindeks er aktivert.

Skjermlesere

Følgende skjermlesere er kontrollert til å fungere med Power Apps:

  • JAWS: Microsoft Edge
  • Skjermleser: Microsoft Edge
  • NVDA: Google Chrome, Firefox
  • TalkBack: Google Chrome, Power Apps-mobil
  • VoiceOver: Power Apps-mobil, Safari (macOS, iOS, iPadOS)

For å sikre en tilfredsstillende opplevelse med skjermleseren, anbefales det å:

  • Kontrollere at alle inndatakontroller har angitt AccessibleLabel-egenskapen.
  • For bilder setter du AccessibleLabel til en passende beskrivelse.
    • Hvis et bilde ikke brukes som en knapp eller en kobling (det vil si ikonet bare er til pynt) og ikke skal leses av skjermleseren, må du kontrollere at AccessibleLabel er tom eller ikke angitt.
    • Hvis et bilde eller et ikon brukes som en knapp, angir du TabIndex til 0 og AccessibleLabel til beskrivelsen i koblingen.

Kontrolltype og struktur

Bruk av de riktige kontrollene og gruppering av dem vil hjelpe skjermleserbrukerne med å forstå strukturen i appen.

Multimedia

Kontroller at alle videoer har undertekster, og at en utskrift av alle lydopptakene er tilgjengelig for brukeren. Video-kontroll støtter teksting for hørselshemmede i formatet WebVTT via ClosedCaptionsUrl-egenskapen.

Når skjermleseren er aktivert, leser ikke Tidtaker knappeteksten, men gir beskjed om hvor mye tid som har gått. Kunngjøringene kan ikke slås av, selv om tidtakeren er skjult med lav ugjennomsiktighet.

Arbeid med signaturer

Hvis du har et signaturfelt som bruker PenInput-kontrollen, må du aktivere en alternativ metode for signaturinndata. Den anbefalte måten er å vise en TextInput-kontroll der en bruker kan skrive inn navnet sitt. Kontroller at signeringsinstruksjonene er plassert i AccessibleLabel-egenskapen, og at kontrollen er plassert nær penneinndataene, til høyre eller rett nedenfor.

Neste trinn

Tilgjengelig app-struktur

Se også