Oprette tilgængelige lærredapps
En tilgængelig lærredapp giver brugere med syns- eller hørehandicap samt andre handicap mulighed for at bruge appen. Udover at det er et krav fra mange offentlige myndigheder og organisationer, øger du brugervenligheden for alle brugere, uanset hvilke evner de har, når du følger nedenstående retningslinjer.
Brug Tilgængelighedskontrol til at få hjælp til at gennemse potentielle tilgængelighedsproblemer i din app.
Layout og farve
Sund fornuft og ukomplicerede design hjælper med at gøre appene mere tilgængelige for alle brugere. Tag nedenstående forslag i betragtning, når du udfører store tilpasninger af apps. Power Apps-temaer er udviklet med henblik på at leve op til standarderne for tilgængelighed.
- Kontrollér, at alle elementer er tydelige, og at teksten har en tilstrækkelig størrelse. Alt indhold skal kunne læses og forstås direkte.
- Kontrollér, at inputelementer er afmærket i skærmbilledet. Egenskaben AccessibleLabel definerer, hvad skærmlæseren meddeler.
- Hvis du tilpasser farverne, skal du sikre, at kontrasten mellem tekst og baggrund er 4,5:1 eller højere. Der findes softwareværktøjer, der kan hjælpe med dette.
- Kontrollér, at layoutet følger et logisk flow, når der læses oppefra og ned samt fra venstre mod højre.
- Oprette en responsiv app, så svagtseende brugere kan zoome ind og bruge den uden at skulle rulle frem og tilbage.
Tastatur
Når du tester appens tilgængelighed, skal du sikre dig, at appen kun kan bruges med tastatur, med eller uden en skærmlæser.
Tabulatortasten skal navigere til interaktive elementer i en logisk rækkefølge. Du kan oprette dette med en logisk appstruktur og ved at angive de enkelte kontrolelementers TabIndex-egenskab efter dette.
- Kontrolelementerne Mærkat, Billede, Ikon, Figur: Angiv TabIndex til 0, hvis de er beregnet til at være interaktive. Ellers angiv TabIndex til -1.
- Undlad at angive TabIndex større end nul.
- Kontrollér, at appindstillingen Forenklet tabulatorindeks er aktiveret.
Skærmlæsere
Følgende skærmlæsere er blevet kontrolleret til at fungere sammen med Power Apps:
- JAWS: Microsoft Edge
- Oplæser: Microsoft Edge
- NVDA: Google Chrome, Firefox
- TalkBack: Google Chrome, Power Apps mobile
- VoiceOver: Power Apps-mobil, Safari (macOS, iOS, iPadOS)
Følgende anbefales for at sikre en tilfredsstillende oplevelse med skærmlæseren:
- Kontrollér, at egenskaben AccessibleLabel er angivet for alle inputkontrolelementer.
- Angiv en passende beskrivelse af AccessibleLabel til billeder.
- Hvis et billede ikke bruges som en knap eller et link (dvs. ikonet bruges kun som dekoration), og det ikke skal læses af skærmlæsere, skal du kontrollere, at AccessibleLabel er tom eller ikke angivet.
- Hvis et billede eller et ikon bruges som en knap, skal du sikre, at TabIndex er angivet til 0, og at AccessibleLabel er angivet til linkbeskrivelsen.
Kontroltype og struktur
Hvis du bruger de rette kontrolelementer og grupperer dem, hjælper der brugere af skærmlæsere til at forstå strukturen i appen.
- Medtag mindst én overskrift på hvert skærmbillede i appen. Du kan oprette overskrifter ved at angive egenskaben Role for en etiket.
- Brug en knap i stedet for en etiket til interaktiv tekst.
- Gruppér relateret indhold i objektbeholdere.
- Vær opmærksom på ikke-understøttede designmønstre.
Multimedier
Kontrollér, at der er undertekster til alle videoer, og at der er en transskription af alle lydoptagelser tilgængelig for brugeren. Kontrolelementet Video understøtter undertekster i WebVTT-format via egenskaben ClosedCaptionsUrl.
Når skærmlæseren er aktiveret, meddeler Timer ikke tekst på knapper, men hvor meget tid der er gået. Meddelelser kan ikke slås fra, heller ikke selvom Timer er skjult med lav uigennemsigtighed.
Sådan arbejder du med signaturer
Hvis du har et signaturfelt, som bruger kontrolelementet PenInput, skal du aktivere en alternativ metode til signaturinput. Den anbefalede måde er at vise et kontrolelement af typen TextInput, hvor en bruger kan skrive sit navn. Kontrollér, at signeringsinstruktionerne er placeret i egenskaben AccessibleLabel, og at kontrolelementet er placeret tæt på PenInput – til højre eller lige under.