Share via

Crear una aplicació de llenç accessible

  • Article

Una aplicació del llenç accessible permetrà als usuarisis amb problemes de visió, oïda i altres per utilitzar correctament l'aplicació. A més de ser un requisit de molts governs i organitzacions, seguint les pautes següents augmenta la usabilitat per a tots els usuarisis, independentment de les seves aptituds.

Utilitzeu el Comprovador d'accessibilitat per ajudar a revisar els problemes d'accessibilitat potencials a l'aplicació.

Disposició i color

El sentit comú i el disseny sense complicacions us ajuden a que les aplicacions siguin més accessibles per a tots els usuarisis. En fer una personalització intensa de les aplicacions, preneu nota dels suggeriments següents. Els temes del Power Apps s'han dissenyat per complir els estàndards d'accessibilitat.

  • Assegureu-vos que tots els elements siguin clarament visibles i que el text tingui una mida suficient. Tots els continguts s'han de poder llegir i entendre fàcilment a ull nu.
  • Assegureu-vos que els elements d'entrada s'etiquetin a la pantalla. La propietat AccessibleLabel defineix allò que anunciarà el lector de pantalla.
  • Si personalitzeu els colors, assegureu-vos que la relació de contrast del text i el fons sigui de 4.5:1 o més. Hi ha eines de programari que ajuden en aquest procés disponibles fàcilment.
  • Assegureu-vos que el disseny segueix un flux lògic en llegir de dalt a baix i d'esquerra a dreta.
  • Creeu una aplicació responsiva perquè els usuaris de baixa visió de la zona s'apropin i l'utilitzin sense desplaçar-vos cap enrere i en enrere.

Teclat

Quan proveu l'accessibilitat de l'aplicació, assegureu-vos que l'aplicació només utilitzar-se amb teclat, amb o sense lector de pantalla.

La tecla Tabulació hauria d'anar als elements interactius en un ordre lògic. Podeu crear-ho amb una estructura d'aplicació lògica i definir la propietat TabIndex de cada control segons correspon.

  • Etiqueta, imatge, icona, controls de forma: definiu TabIndex en 0 si estant interactius. En cas contrari, configureu TabIndex en -1.
  • No definiu TabIndex en un número superior al zero.
  • Assegureu-vos que la configuració de l'aplicació de l'índex tabulada simplificada estigui habilitada.

Lectors de pantalla

Els lectors de pantalla següents s'han verificat per treballar amb el Power Apps:

Per garantir una experiència satisfactòria amb el lector de pantalla es recomana:

  • Assegureu-vos que tots els controls d'entrada tenen la propietat AccessibleLabel definida.
  • Per a les imatges, definiu AccessibleLabel amb una descripció adequada.
    • Si no s'utilitza una imatge com a botó o enllaç (és a dir, la icona només és decorativa) i el lector de pantalla no l'ha de llegir, assegureu-vos que AccessibleLabel estigui buida o no definida.
    • Si s'utilitza una imatge o una icona com a botó, definiu TabIndex en 0 i AccessibleLabel en la descripció de l'enllaç.

Tipus i estructura dels controls

Utilitzar els controls adequats i agrupar-los ajudarà els usuarisis de lectors de pantalla a entendre l'estructura de l'aplicació.

  • Incloeu com a mínim una capçalera a cada pantalla de l'aplicació. Podeu crear títols definint la propietat Funció d'una Etiqueta.
  • Utilitzeu un Botó en comptes d'una Etiqueta per al text interactiu.
  • Agrupeu el contingut relacionat en Contenidors.
  • Tingueu en compte els patrons de disseny no admesos.

Multimèdia

Assegureu-vos que tots els vídeos estiguin subtitulats i s'ofereixi una transcripció de tots els enregistraments d'àudio per a l'usuarisi. El control de vídeo admet subtítols en format WebVTT a través de la propietat ClosedCaptionsUrl.

Amb el lector de pantalla habilitat, el Temporitzador no anuncia el text dels botons, sinó el temps que ha passat. Els anuncis no es poden desactivar, fins i tot si el temporitzador s'amaga amb una opacitat baixa.

Treballar amb signatures

Si teniu un camp de signatura que utilitza el control PenInput, heu d'habilitar un mètode alternatiu d'entrada de signatura. La manera recomanada és mostrar un control TextInput on un usuarisi pot escriure el seu nom. Assegureu-vos que les instruccions de signatura es col·loqueu a la propietat AccessibleLabel i que el control es col·loca a prop de l'entrada Pen, a la dreta o just per sota.

Passos següents

Estructura d'aplicació accessible

Consulteu també