Skapa tillgänglig arbetsyteappar
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.
- Undvik att använda synlighetsegenskapen för objekt för att få ett element att synas. Om du behöver visa något villkorligt, skapar du innehållet på en ny skärm och navigera fram och tillbaka till det.
- 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.
Tangentbordsstöd
När du testar appens tillgänglighet bör du se till att appen endast kan användas med tangentbordet, hjälpmedelslägen på iOS och Android och tangentbordsbaserade skärmläsare.
När det gäller tangentbordsnavigering (med eller utan skärmläsaren), se till att du följer en logisk ordning när man använder tabbtangenten för att navigera mellan inmatningsfälten genom att ställa in egenskapen TabIndex för varje kontroll:
- Kontrollerna etikett, bild, ikon, form – om de representerar interaktiva element (till exempel knappar) ställerr du in TabIndex till 0. Om de är dekorativa element eller text, ställer du in TabIndex till -1.
- Undvik att ange tabb-index som högre än noll.
Stöd för skärmläsare
Följande programkombinationer är de rekommendationer som stöds för att använda Power Apps med en skärmläsare:
- Windows: Microsoft Edge / skärmläsaren
- macOS: Safari / VoiceOver
- Android: Power Apps app / Talkback
- iOS: Power Apps app / VoiceOver
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.
- Ta med minst en rubrik på varje skärm i appen. Du kan skapa rubriker genom att ange Roll i Etikett.
- Använd en Knapp istället för a Etikett för interaktiv text.
- Gruppera relaterat innehåll i behållare.
- Tänk på designmönster som inte stöds.
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.