Velkommen
Læs her
Alle pointers betyder "her kan der interageres".
Alle 'Start Forfra' knapper er den mest optimale måde at nulstille sitet.
ADHD Filter
Brugere med ADHD kan være tilbøjelige til at scanne siden i stedet for at læse. Derfor kan man imødekomme deres behov, med værktøjer som nedtællingsure for fastholdelse af deres fokus. Der findes også værktøjer som ‘Halfbold’. Halfbold er en chrome extention vi har forsøgt at genskabe.
Prøv filteret i konsollen, klik 'Start Forfra' for at fjerne den.
Et link til Half-Bolds sideADHD filter
Farver
Farvekontrast spiller en afgørende rolle i tilgængelighed, især for personer med synsproblemer. Lav kontrast mellem baggrund og tekst kan gøre det vanskeligt for personer med nedsat syn at læse indholdet. Derfor anbefales det ofte at vælge farver med tilstrækkelig kontrast, for at forbedre læsbarheden.
Samtidig er det vigtigt at være opmærksom på, at ekstrem kontrast, som sort-hvid, også kan have uønskede virkninger, især for personer med visse synsforhold. Det kan skabe ubehag eller være for hårdt for brugerens øjnene. Derfor er det ofte en god praksis at finde en balance, der opfylder tilgængelighedskravene og samtidig er behagelig for brugere med forskellige synsforhold.
Find en Kontrast der passer dine behov.
Baggrund
HighLight
Text
Skrifttype
Skrifttyper er ikke alle lige gode, når det handler om webtilgængelighed. Der er mange forskellige at vælge imellem typer og kategorier at vælge mellem
Prøv dig lidt frem
Find en, der er letlæselig for dig
Vælg Skrifttype
Størrelsen På Skriften
Skriftstørrelse er en meget subjektiv parameter. Den mere svagtseende bruger vil oftere tendere til at forstørre skriftstørrelsen, hvor den bedre seende bruger oftere vil acceptere den, eller gøre den mindre for bedre overskuelighed.
Justeringen af skrifttype virker bedst på Desktop.
Vælg den størrelse der passer dig bedst.
Vælg Skriftstørrelsen
Tryk og hold
Tekst Justering
To parametre er vigtige for overskuelighed. Linjeafstand og afstanden mellem ord.
Leg med de to parametre og find de indstillinger der passer dig bedst.
Linje Højde
Tryk og hold
Ord mellemrum
Tryk og hold
Layoutet
Her handler det rent grafisk om at sætte elementerne sammen, så det giver mening for layoutet.
For langt væk fra hinanden vil medvirke de bliver betragtet som to separate elementer.
For tæt på hinanden kan se uoverskueligt ud eller ødelægge det grafiske.
Hvad er mest appellerende til dig ?
Layout mellemrum
Tryk og hold
At designe tilgængeligt
Hvis teksten er svær at læse... Så gør noget ved den?
Webtilgængelighed er desværre ikke en "one-size-fits-all". Vi designere kan gøre meget, men brugerne vil ALTID have præferencer. Med webtilgængelighedsstandarder som WCAG kan vi imødekomme mange udfordrede brugeres specielle behov
WCAG giver retningslinjer der hjælper med mange tilgængelighedsudfordringer, lige fra syns- og hørehæmmede til motoriske udfordringer - dem skal der selvfølgelig være specielt fokus på
Vi håber at vores side, med bare et par enkelte parametre, har bidraget til en sjov og intuitiv måde at se den store sammenhæng. Det viser forhåbentligt at små enkelte parametre ikke betyder alverden, men kombinationen der bliver vurderet som den "rigtigte" for brugeren, er vidt forskellige.
CRAP
C - Contrast - Kontrast
R - Repetition - Gentagelse har vi taget hånd om i vores design, sektions indeling og konsol designet, primært
A - Aligment - Flugte er mest synlig på desktop. Det er håndteret ved at alle sectioner er lige brede og centret til midten
P - Proximity - Nærhed
Gestalt
Loven om nærhed - Hvor nære skal elementerne være?
Loven om lighed - alle konsoller ser ens ud, har samme form og kontrasten er den samme, selvom farven varierer
Loven om lukkethed - Er vores inddeling af emnerne, med masser af plads imellem for at lave en naturlig separering
Brugertest
Vi har tre brugere der har prøvet testen THINK ALOUD PROTOCOL
De er optaget med video for dokumentation og præcis fejlrettelse. Alle problemer brugeren møder bliver vuderet på en skala fra 0-4.
0 Er de problemer vi mener ikke betyder noget
1 Er de problemer vi mener er cosmetiske udlukkende
2 Er de problemer vi mener er et mindre problem for brugeren
3 Er de problemer vi mener er et større problem og skal fixes hurtigst muligt
4 Er de problemer vi mener er direkte katastrofale
Bruger 1
Brugerens vigtigste tre tendenser
Brugeren klikkede på "about me" i navigationen som det første, i stedet for at scrolle ned på siden. Vi vuderede det til 3 på skalaen
Brugeren klikkede derefter på "navigation" -> "ADHD", det resulterede i at han ikke så introductionen. Vi vuderede det til 2 på skalaen
Brugeren så ikke introduction, derfor var sidens konsept og konsollernes funktion fremmed for vedkomende, det første minut. Vi vuderede det til 3 på skalaen
Det gjorde vi
Vi valgte at sætte tekst og et ikon ind i "hero" elementet, der gør det tydeligt at scrolle er en mulighed. Derudover ændrede vi rækkefølgen i navigationsbaren så knappen "navigation" er mere i fokus.
Bruger 2
Brugerens vigtigste tre tendenser
Brugeren begynder at bruge sitet, som tiltænkt, dog bliver han en smule forvirret af ordvalget på enkelte af knapperne. Vi vuderede det til 2 på skalaen
Brugeren blev en smule irriteret over der ikke var en nulstillingsknap ved hver konsol. Vi vuderede det til 3 på skalaen
Brugeren legede derefter med konsollerne og fandt det underholdende og intuitivt. Vi vuderede det til 0 på skalaen
Bruger 3
Brugerens vigtigste tre tendenser
Brugeren var først meget i tvivl om hvad sidens hensigt var. Vi vuderede det til 2 på skalaen
Brugeren var irreteret over placeingen af elementerne i navigationsbaren. Vi vuderede det til 1 på skalaen
Brugeren legede med konsolerne før han læste teksterne og bliver derfor inddraget i teksten. Vi vuderede det til 0 på skalaen
Opsummering af de tre test
Brugertest 1 belyste meget godt hvad vi manglede. Efter bruger 1, lavede vi en række ændringer der medførte både bruger 2 og 3 legede med konsollerne og indholdet blev modtaget
Der var dog en ting der irriterede alle, det var skriftstørrelse slideren, den er for voldsom, men der var ikke tid til at ændre den