Lõuendirakenduste jaoks võimalikud värvid
Lõuendirakendustes kasutatavad värvid peavad olema värvipimedatele ja nägemispuudega kasutajate jaoks hõlbustusfunktsioonidega. Kõik Power Appsi kujundused on vaikimisi hõlbustusfunktsioonidega. Rakenduses kasutatavate värvide muutmisel järgige neid juhiseid, et tagada nende hõlbustusfunktsioonide säilitamine. Veebis on saadaval mitmed tööriistad, mis võivad aidata värvikontrasti probleeme tuvastada.
Teksti minimaalne kontrast
- Teksti ja selle tausta kontrasti suhe peab olema vähemalt 4,5 : 1
- Suure teksti kontrasti suhe vähemalt 3 : 1
- Keelatud tekstil kontrasti nõudeid pole
Praktiliselt kõik interaktiivsed juhtnupud peavad omama järgnevate atribuutide vahel piisavat värvikontrasti:
- Color (Värv) ja Fill (Täide)
- PressedColor (Värv vajutamisel) ja PressedFill (Värv täitmisel)
- HoverColor (Värv kursori hõljutamisel) ja HoverFill (Täide kursori hõljutamisel)
Mitte-teksti minimaalne kontrast
- Mittetekstikomponentide (nt ikoonide ja piirde) kontrastsuse komponent peab olema vähemalt 3:1 ning värvid väljaspool neid.
- Keelatud ja dekoratiivsed komponendid ei vasta kontrastsusenõuetele.
Kasutajaliidese komponendid
Kõikidel interaktiivsetel juhtnuppudel peab järgnevate atribuutide vahel olema piisav värvikontrast:
- FocusedBorderColor (Fookustatud äärise värv) ja juhtnupust väljaspool olev värv
Juhtnuppudele, mille kogu ala on interaktiivne või informatiivne, kehtivad täiendavad värvikontrasti kontrollid. Näiteks nupp või ikoon, mida kasutatakse nupuna. See tagab, et juhtelemendi piirid on selged ja kasutajad teavad, kus nad saavad klõpsata või koputada.
Kui sellistel juhtelementidel on piir, peavad need omama piisavat värvikontrasti järgmiste atribuutide vahel:
- BorderColor (Äärise värv) ja juhtnupust väljaspool olev värv
- PressedBorderColor (Äärise värv vajutamisel) ja juhtnupust väljaspool olev värv
- HoverBorderColor (Äärise värv kursori hõljutamisel) ja juhtnupust väljaspool olev värv
Kui piiri ei ole, peavad need omama piisavat värvikontrasti järgmiste atribuutide vahel:
- Fill (Täide) ja juhtnupust väljaspool olev värv
- PressedFill (Värv täitmisel) ja juhtnupust väljaspool olev värv
- HoverFill (Täide kursori hõljutamisel) ja juhtnupust väljaspool olev värv
Graafilised objektid
Kui kujutis edastab olulist teavet, kaaluge selle kontrastsuse probleemide kontrollimist. See kehtib juhtelementide puhul, mille puhul saab kuvada pildi: heli, pilt, mikrofon ja video.
Videosisu puhul kaaluge selle kontrollimist kontrasti probleemide osas. Teise või täiendava võimalusena lisage video kirjeldavad suletud pealdised.
Muude visuaalsete näpunäidete esitamine
Veenduge, et rakendus ei edastaks teavet ainult värviga. Näiteks ei saa punase-rohelise värvipimedusega inimesed eristada punast veateadet rohelisest õnnestumise teatest.
Mõtet võivad edasi anda täiendavad vihjed, nagu ikoon tekstilaadid, nagu kaldkiri ja allakriipsutamine.
Järgmised etapid
Hõlbustustehnoloogiate jaoks sisu kuvamine või peitmine lõuendirakendustes
Vt ka
Tagasiside
https://aka.ms/ContentUserFeedback.
Varsti tulekul: 2024. aasta jooksul tühistame GitHubi probleemide funktsiooni sisutagasiside mehhanismina ja asendame selle uue tagasisidesüsteemiga. Lisateabe saamiseks vtEsita ja vaata tagasisidet