Indholdsfortegnelse
Du har måske spurgt dig selv, hvorfor tilgængelighed er vigtigt for designet af din app? Har du nogensinde spekuleret på, om blinde kan bruge din app? Hvilke funktioner har Apple udviklet for at hjælpe personer med en funktionsnedsættelse med at interagere med deres enheder? I denne artikel vil vi se nærmere på tilgængelighed, og hvordan du kan gøre din app nem at bruge for alle slags brugere.
Vision
Brugere med synshandicap kan omfatte personer med blindhed, farveblindhed og alle grader af synstab. Denne kategori kan også omfatte brugere, hvis syn påvirkes af eksterne faktorer og ikke nødvendigvis har et synshandicap.
Apple leverer:
- VoiceOver fortæller brugeren højt og tydeligt, hvad der er i berøringsområdet.
- Zoom giver brugeren mulighed for at forstørre indholdet på skærmen ved hjælp af berøringsbevægelser.
- Diktat giver brugeren mulighed for at indtaste tekst ved hjælp af sin stemme
- Farveinversion/ Smart inversion giver brugerne mulighed for at se indhold på en mørk baggrund. I Smart invert-tilstand inverteres selve indholdet ikke, mens selve brugergrænsefladen forbliver mørk.
Høring
Brugere med høretab og hørevanskeligheder, men også brugere, der ikke nødvendigvis har et hørehandicap, men som ønsker at bruge tilgængelighedsfunktioner som f.eks. vibrationer i situationer, hvor de ikke ønsker at lave støj.
Apple leverer:
- Undertekster med lukkede undertekster giver brugeren mulighed for at tilføje og vise undertekster til medieindhold.
- Visuelle og haptiske notifikationer gøre brugeren opmærksom på advarsler og meddelelser via lys og vibrationer.
- Skriv til Siri tilstand giver brugerne mulighed for at interagere med Siri ved at skrive kommandoer.
Mobilitet
Brugere i denne kategori kan have svært ved at holde og håndtere enheden på en traditionel måde.
Apple leverer:
- Kontrol af kontakten gør det muligt for brugeren at navigere på skærmen ved at markere emner i rækkefølge og bruge en fysisk kontakt, f.eks. hjemknappen, låseknappen og andre, til at vælge et emne.
- Berøringshjælp giver brugeren mulighed for at oprette flere bevægelser som en del af en flydende menu, der indeholder disse bevægelser.
- Siri giver brugerne mulighed for at bruge deres stemme til at give Siri besked om at styre apps og enheder.
Tænk på tilgængelighed
Tilgængelighed er ikke begrænset til brugere med handicap. Det grundlæggende princip for tilgængelighed er at gøre information tilgængelig for alle uanset deres evner og/eller situation. Du bør prioritere enkelhed og opfattelighed og undersøge hvert enkelt aspekt af dit design for at sikre, at det ikke udelukker nogen bruger.
Enkelhed: Den egenskab eller betingelse, at det er let at forstå og gøre.
Perceivability: Bliver opmærksom eller bevidst om (noget); bliver klar over eller forstår.
Personalisering gennem standard kontrolelementer
Hvis du bruger de standardkontrolelementer, der er en del af Apples UIKit ramme til at skabe din app's UI-design, tekst og grænsefladeelementer, vil dit design automatisk tilpasse sig brugerens tilgængelighedsindstillinger som f.eks. dynamisk type, med Fed tekst , Større tekst , Inverter farverne , og Forøg kontrasten .
Tekst
Tekststørrelse og -vægt er afgørende for at sikre klarhed og læsbarhed i hele appen. Brug Dynamisk type og teste, at layoutet af elementer i alle tekst- og glyfestørrelser tilpasser sig skærmen. Du kan downloade de dynamiske tabeller over typestørrelser fra Apple Design Resources.
Med dynamisk skrifttype kan brugerne vælge den skriftstørrelse, der passer til dem. Brugeren kan vælge dette i iOS-enhedens tilgængelighedsindstillinger.
Undgå afkortning
Med øget skriftstørrelse bør du undgå at afkortning af teksten, så du sikrer, at informationerne ikke bliver skjult. Brugeren skal blot kunne scrolle for at læse al tekst, der er omsluttet. Det er i orden at afkortning af teksten, hvis brugeren har mulighed for at trykke på og få vist hele teksten i en separat visning.
Opretholdelse af informationshierarki
De primære elementer i dit design bør forblive øverst på skærmen uanset tekststørrelse. Dette sikrer konsistens og kommunikerer et klart hierarki til brugeren hver gang.
Vægtning af skrifttyper
Tynd og Ultra tynd varianter af skrifttyper kan være sjove og interessante, men du bør dog prioritere brugen af Almindelig , Medium , Halvfed , eller Fed skrifttyper, fordi de også har et funktionelt aspekt, idet de er meget lettere at se, især ved mindre tekststørrelser.
Tekstkontrast
Tekst, der er mindre eller har en lettere vægt, bør have større kontrast for at øge læsbarheden. Du kan bruge følgende vejledning fra Apple til at afgøre, hvilket kontrastforhold og hvilken tekstvægt der er passende baseret på tekststørrelse.
Brugerdefinerede skrifttyper
De fleste app-udviklere bruger tilpassede skrifttyper for at skille sig ud i designet af deres app. Hvis du har brug for at bruge en tilpasset skrifttype, skal du sørge for, at den er læsbar, selv ved små størrelser. Bed din udvikler om at understøtte dynamisk skrifttype med den tilpassede skrifttype for at bevare tilgængeligheden.
Farve
Hvis en del af din app bruger farver til at formidle oplysninger, skal du sørge for, at der også er tekstmærker eller glyffer, som hjælper farveblinde brugere med at forstå oplysningerne på skærmen.
Systemfarver
Prøv så vidt muligt at bruge systemfarver til at skabe dine designs, så teksten og visningerne reagerer automatisk på ændringer i f.eks. enhedens tilgængelighedsindstillinger, Inverter farverne og Forøg kontrasten .
Farveblindhed
Når du kommunikerer en handling, et svar eller noget vigtigt, skal du undgå at bruge farve som det eneste visuelle tegn. Folk med farveblindhed vil have svært ved at forstå dit indhold.
Undgå farvekombinationer, som farveblinde brugere har svært ved at skelne. Især når det drejer sig om et brugergrænsefladekontrolelement, der har to tilstande. Hvis din app f.eks. bruger røde og grønne farver til at kommunikere tilstand, kan du også bruge former for de respektive tilstande. Du kan bruge en firkant for den ene tilstand og en cirkel for den anden tilstand.
Kontrast
Kontrastforholdet mellem tekst og baggrund bør være mindst 4,5 til 1. Forholdet bliver bedre med større og tungere skrifttyper, da de er lettere at læse ved lavere kontrast.
Hvis du øger kontrasten på visuelle elementer som tekster, glyffer og brugergrænseflader, kan du forbedre læsbarheden af dit design. Du kan teste, om dit design opfylder de acceptable minimumsniveauer for kontrast ved at bruge et validatorværktøj, der er baseret på Web Content Accessibility Guidelines (WCAG).
Værktøjer til tilgængelighed
Skabere og validatorer af farvepaletter
Med den lettilgængelige farvepaletopbygger kan du indtaste op til seks farver og gennemgå farvematrixen for at se, hvilke farver der kan kombineres.
ColorBox fra Lyft Design giver dig mulighed for at opbygge et tilgængeligt farvesystem algoritmisk. Det kan også sortere farver efter farvetone, mætning og luminositet.
Med ContrasteApp kan du tjekke tekst for tilgængelighed baseret på WCAG-regler. Og så er det gratis [:
Simulator for farveblindhed
Color Oracle simulerer algoritmisk farveblindhed, så du kan se design med en farveblind persons øjne.
Kom ud derfra
Når du undersøger, skal du kontrollere, om dine antagelser om tilgængelighed er korrekte. Gør dig umage med at kontakte foreninger og onlinefællesskaber - du vil blive overrasket over, hvor villige folk er til at hjælpe.
