Farvekontrast

De farver, du vælger til din appgrænseflade, har indflydelse på, hvor let det er for brugerne at læse og forstå teksten. Tilstrækkelig farvekontrast gør tekst og billeder lettere at læse og forstå.

Foruden at gavne brugere med forskellige synshandicap, hjælper tilstrækkelig farvekontrast alle brugere, når en grænseflade vises på en enhed under ekstreme lysforhold, som f.eks. når den udsættes for direkte sollys eller på en skærm med lav lysstyrke.

Implementering

Angiv baggrunds- og forgrundsfarver med tilstrækkelig farvekontrast, når du implementerer brugerfladen til en app.

"Kontrastforholdet" er en beregning af forskellen i luminans, dvs. intensiteten af det udsendte lys, mellem to tilstødende farver, når de vises på en skærm. Dette forhold ligger i området mellem 1 og 21 (ofte skrevet som 1:1 op til 21:1), hvor stigende tal er ensbetydende med større kontrast. Der findes mange værktøjer til beregning af kontrastforholdet mellem to tilstødende farver, f.eks. denne farvekontrastforholdsberegner.

Hvis du bruger TextView til at vise tekst, skal du bruge android:textColor og android:background til at definere forgrunds- og baggrundsfarver med et højt kontrastforhold. Når du bruger Text i Compose, skal du bruge farveparameteren og Modifier.background til at definere forgrunds- og baggrundsfarver med et højt kontrastforhold.

W3C anbefaler følgende:

• Mindst 4,5:1 for lille tekst (under 18-punkts almindelig tekst eller 14-punkts fed tekst)
• Mindst 3,0:1 for stor tekst (18-punkts almindelig tekst og derover eller 14-punkts fed tekst og derover)

Bemærkninger om farvekontrast:

• Når du bruger ImageView eller Image til at gengive grafisk indhold eller ikonografi, skal du sørge for, at kontrasten mellem forgrunds- og baggrundsfarverne opfylder eller overstiger de anbefalede forhold.

• Kontrastforhold måles på baggrund af den tilsyneladende farve på forgrunden og baggrunden for et element, når det placeres som et lag over andre elementer. Hvis du definerer farver i et ARGB-format (hexværdier med #AARRGGBB), skal du være opmærksom på, at ikke-uigennemsigtige farver (farver med en alfakanalværdi på mindre end 255) umiddelbart kan have en anden farve, fordi de blandes med indhold, der er gengivet under dem.
• Udjævning af skrifttyper og antialiasing kan have indflydelse på den tilsyneladende farve på bestemt indhold, især indhold med en lille stregtykkelse. Vælg en farvekombination med et større kontrastforhold, eller øg indholdets stregtykkelse for at forbedre læsbarheden.

Design

Når du designer en brugerflade, bør du overveje at vælge en palet med tilstrækkelig farvekontrast for tilstødende farver.

• Følg W3C-retningslinjerne for minimumkontrastforhold særligt ved tekst og ikonografi.
• Du kan også medtage et tema med høj kontrast som en valgmulighed, eller giv brugeren mulighed for at vælge farver til primært indhold.

Du kan få flere oplysninger i retningslinjer for farver og kontrast i forbindelse med tilgængelighed i material design.

Test

Sådan bekræfter du manuelt farvekontrasten i en app:

1. Åbn appen.
2. Tag et screenshot.
3. Når du bruger software til visning eller redigering af billeder, skal du bruge et "pipetteværktøj" til at udtrække et aktuel farveuddrag fra det pågældende screenshot.
4. Brug en kontrastforholdsberegner til at identificere kontrastforholdet for tilstødende farver.
5. Hvis kontrastforholdet er lavere end det, der er defineret af W3C-retningslinjerne, er det muligt, at grænsefladen kan få gavn af øget farvekontrast.

Androids automatiske testværktøjer kan registrere mange problemer med farvekontraster. Overvej at bruge Accessibility Scanner til Android til at teste din app manuelt på enheden. Slå tilgængelighedskontrol til i Espresso og Robolectric i forbindelse med automatiske tests.