Crearea de aplicații accesibile proiectate pe pânză
O aplicație pânză accesibilă va permite utilizatorilor cu deficiențe de vedere, auz, și alte deficiențe să utilizeze cu succes aplicația. Pe lângă faptul că este o cerință pentru multe guverne și organizații, respectarea orientărilor de mai jos crește capacitatea de utilizare pentru toți utilizatorii, indiferent de abilitățile lor.
Utilizați Verificator de accesibilitate pentru a ajuta la revizuirea potențialelor probleme de accesibilitate din aplicația dvs.
Aspect și culoare
Bunul simț și designul necomplicat ajută aplicațiile să fie mai accesibile tuturor utilizatorilor. Când efectuați particularizarea intensă a aplicațiilor, luați notă de sugestiile de mai jos. Temele Power Apps sunt concepute pentru a satisface standardele de accesibilitate.
- Asigurați-vă că toate elementele sunt vizibile în mod clar și textul are o dimensiune suficientă. Tot conținutul trebuie să fie ușor citit și înțeles cu ochiul liber.
- Asigurați-vă că elementele de intrare sunt etichetate pe ecran. AccessibleLabel proprietatea definește ce va anunța cititorul de ecran.
- Dacă personalizați culorile, asigurați-vă că raportul de contrast dintre text și fundal este de 4,5:1 sau mai mare. Instrumentele software care ajută acest proces sunt ușor disponibile.
- Asigurați-vă că aspectul urmează un flux logic atunci când este citit de sus în jos și de la stânga la dreapta.
- Creați o aplicație receptivă astfel încât utilizatorii cu vedere redusă să poată mări și să folosească aplicația fără a derula înainte și înapoi.
Tastatură
Când testați accesibilitatea aplicației dvs., asigurați-vă că aplicația poate fi utilizată numai de la tastatură, cu sau fără un cititor de ecran.
Tasta Tab ar trebui să navigheze la elementele interactive într-o ordine logică. Puteți realiza acest lucru cu o structură logică a aplicației și prin setarea proprietății TabIndex a fiecărui control în mod corespunzător.
- Controalele Etichetă, Imagine, Pictogramă, Formă: Setați TabIndex la 0 dacă sunt concepute a fi interactive. În caz contrar, setați TabIndex la -1.
- Nu setați TabIndex la o valoare mai mare decât zero.
- Asigurați-vă că setarea Index de filă simplificat din aplicație este activată.
Cititoare de ecran
Următoarele cititoare de ecran au fost verificate pentru a funcționa cu Power Apps:
- JAWS: Microsoft Edge
- Narator: Microsoft Edge
- NVDA: Google Chrome, Firefox
- TalkBack: Google Chrome, Power Apps pe dispozitive mobile
- VoiceOver: Power Apps mobil, Safari (macOS, iOS, iPadOS)
Pentru a asigura o experiență satisfăcătoare cu cititorul de ecran, se recomandă:
- Asigurați-vă că toate comenzile de intrare au proprietatea AccessibleLabel setată.
- Pentru imagini, setați AccessibleLabel la o descriere adecvată.
- Dacă o imagine nu este utilizată ca un buton sau un link (de exemplu, pictograma există doar pentru decor) și nu ar trebui citită de cititorul de ecran, asigurați-vă că AccessibleLabel este necompletată sau nu este setată.
- Dacă o imagine sau o pictogramă este utilizată ca buton, atunci setați TabIndex la 0 și AccessibleLabel la descrierea linkului.
Tipul și structura de control
Utilizarea comenzilor corecte și gruparea acestora îi va ajuta pe utilizatorii cititorului de ecran să înțeleagă structura aplicației.
- Includeți cel puțin un titlu pe fiecare ecran al aplicației. Puteți crea titluri prin setarea proprietății Rol a unei Etichete.
- Folosiți un Buton în loc de o Etichetă pentru text interactiv.
- Grupați conținutul conex în Containere.
- Aveți grija la tiparele de proiectare neacceptate.
Multimedia
Asigurați-vă că toate videoclipurile sunt incluse și o transcriere a tuturor înregistrărilor audio este disponibilă pentru utilizator. Controlul Video acceptă subtitrările în format WebVTT prin intermediul proprietății ClosedCaptionsUrl.
Cu cititorul de ecran activat, Temporizatorul nu anunță textul butonului, ci cât timp a trecut. Anunțurile nu pot fi dezactivate, chiar dacă cronometrul este ascuns cu opacitate scăzută.
Lucrul cu semnăturile
Dacă aveți un câmp de semnătură care utilizează controlul PenInput, trebuie să activați o metodă alternativă de introducere a semnăturii. Modul recomandat este afișarea unui control TextInput în care un utilizator își poate introduce numele. Asigurați-vă că instrucțiunile de semnare sunt plasate în proprietatea AccessibleLabel și controlul este plasat aproape de intrarea stiloului - în dreapta sau imediat dedesubt.
Pașii următori
Structura aplicației accesibile
Consultați și
- Culori accesibile în Power Apps
- Afișați sau ascundeți conținut de la tehnologiile de asistență pentru aplicații de tip pânză
- Anunțați modificările dinamice cu ajutorul regiunilor live pentru aplicații de tip pânză
- Utilizați verificator de accesibilitate
- Limitări de accesibilitate în aplicații proiectate pe pânză
- Proprietăți de accesibilitate