Skapa tillgänglig arbetsyteappar

  • Artikel

En tillgänglig arbetsyteapp låter användare med nedsatt syn, hörsel och andra svårigheter använda appen. Förutom att det är ett krav för många myndigheter och organisationer så gör riktlinjerna nedan att användbarheten ökar för alla användare oavsett funktionsnivå.

Använd Tillgänglighetskontrollen och hjälp till att granska potentiella problem i appen.

Layout och färg

Sunt förnuft och en okomplicerad design hjälper appar bli mer tillgängliga för alla användare. När du utför omfattande anpassningar av appar, bör du tänka på följande förslag. Power Apps-teman är utformade för att uppfylla hjälpmedelsstandarder.

  • Se till att alla element är väl synliga och att texten är tillräckligt stor. Allt innehåll måste vara enkelt att se och förstå med blotta ögat.
  • Kontrollera att inmatningselement är klart utmärkta på skärmen. Egenskapen AccessibilityLabel definierar vad skärmläsaren ska läsa upp.
  • Om du anpassar färger, se till att kontrastförhållande mellan text till bakgrund är 4.5:1 eller mer. Programverktyg som hjälper med den här processen finns tillgängliga.
  • Kontrollera att layouten har ett logiskt flöde när det läses uppifrån och ner och från vänster till höger.
  • Skapa en responsiv app så att användare med dålig syn kan zooma in och använda den utan att rulla fram och tillbaka.

Tangentbord

När du testar appens tillgänglighet ser du till att appen endast kan användas som tangentbord, med eller utan skärmläsare.

Tangenten tabb ska navigera till interaktiva element i logisk ordning. Du kan skapa detta med en logisk appstruktur och genom att ställa in varje kontrolls TabIndex egenskap därefter.

  • Etikett, Bild, Ikon, Form kontroller: Ange TabIndex till 0 om de ska vara interaktiva. I annat fall anger du TabIndex till -1.
  • Ange inte TabIndex som är större än noll.
  • Kontrollera att appinställningen Förenklat flikindex är aktiverad.

Skärmläsare

Följande skärmläsare har kontrollerats för att fungera med Power Apps:

  • JAWS: Microsoft Edge
  • Berättare: Microsoft Edge
  • NVDA: Google Chrome, Firefox
  • TalkBack: Google Chrome, Power Apps Mobile
  • VoiceOver: Power Apps mobil, Safari (macOS, iOS, iPadOS)

För att få en bra upplevelse med skärmläsaren, rekommenderas du att:

  • Kontrollera att alla inmatningskontroller har egenskapen AccessibleLabel inställd.
  • Se till att bilder har en lämplig beskrivning för AccessibleLabel.
    • Se till att AccessibleLabel är tom eller inte inställd om en bild inte används som en knapp eller en länk (till exempel ikoner som bara är dekorativa) och inte ska läsas upp av skärmläsaren.
    • Om en bild eller en ikon används som en knapp, ställer du in TabIndex till 0 och AccessibleLabel till länkbeskrivningen.

Kontrolltyp och struktur

Genom att använda rätt kontroller och gruppera dem kan skärmläsaranvändare förstår appens struktur.

Multimedia

Kontrollera att alla videoklipp har undertexter och att det finns avskrifter av alla ljudinspelningar tillgängliga för användaren. Video-kontrollen stöder undertexter i WebVTT-format via egenskapen ClosedCaptionsUrl.

Observera att med skärmläsaren aktiverad så meddelar inte Timer knapptexter, utan hur lång tid som har förflutit. Meddelanden kan inte stängas av, även om timern är dolda med låg opacitet.

Arbeta med signaturer

Om du har ett signaturfält som använder PenInput-kontrollen, måste du aktivera en alternativ metod för signaturinmatning. Det rekommenderade sättet är att visa en TextInput-kontroll där en användare kan skriva in sitt namn. Se till att instruktionerna för signering placeras i egenskapen AccessibleLabel och att kontrollen placeras nära penninmatningen – till höger eller direkt under.

Nästa steg

Tillgänglig appstruktur

Se även