Universell design 101: Är du design för alla dina användare?

Universal design gynnar användare, företag och de flesta människor. Men vilka specifika åtgärder bör du som designer, utvecklare eller projektledare ta hänsyn till?

Visste du att det finns lagar om hur din webbplats ska vara? Webbplatser och digitala plattformar måste följa Allmänna konstruktionskrav i enlighet med norska lagar och andra författningar. Detta kan vara skrämmande, och universell design kan uppfattas som ett omfattande och komplicerat område att bekanta sig med. Det är dock nödvändigt att vara medveten om den digitala tidsåldern vi lever i. Oroa dig inte, här är den introduktion du behöver!

Vad betyder termen?

Universal design handlar om att skapa produkter, tjänster och innehåll online med idén att de ska inkludera alla, oavsett deras funktionalitet. På så sätt kan alla delta och ha samma tillgång till samhället, och i detta fall digitalt innehåll. Denna typ av metodik i det digitala utrymmet kallas också inkluderande design.

När vi talar om digital universell design kan vi inte komma ifrån WCAG. WCAG står för riktlinjer för tillgänglighet på webben och är en rekommendation och policy för att göra innehåll mer tillgängligt online.

Norska regler kräver att nätverkslösningarna utformas enligt olika versioner och nivåer av WCAG.

Varför är det viktigt att vara en del av

Det finns otaliga skäl till varför, nästan alla handlingsmöjligheter. Det mest uppenbara, men också viktiga, förutom att det är lagligt, är att det är bra för människor inom den digitala sfären. Alla kommer att kunna använda och navigera i lika produkter och tjänster, om universell design är en prioriterad. Enligt Bufdir har det mellan 15% och 18% har funktionsnedsättningSå låt oss säga att det är samma sak som det. Det finns många användare du potentiellt utesluter och missar!

Genom att underlätta webbplatsen att vara universellt utformad och användarvänlig, kan detta också leda till att fler användare stannar längre på sidan och väljer att komma tillbaka. Om vi inte uppfyller vissa krav från användarna, då i de flesta fall användarna alltid har möjlighet att gå någon annanstans.

Här gäller principen att användarna spenderar mest tid på sidor och produkter som inte är dina. Denna princip kallas för Jakobs lag och är en av UX-lagar. . Detta innebär att användare vill att din webbplats ska fungera som de webbplatser de redan känner.

Vem är det för?

Universal design är bra för alla! Som Övervakning av IKT:s universella utformning säger: "Krävs för någon, men är bra för alla." Föreställ dig en kollektivtrafikapp där du kan köpa en biljett. Om knappen är för liten, då en med Parkinsons som har problem med motorn, samt en som springer till bussen och skakar lite, kommer att ha svårt att trycka på knappen och genomföra köpet av biljetten. Kom ihåg att inte alla människor använder din produkt eller tjänst i perfekta, orörda miljöer. Då är det en fråga om att bygga en bra och solid grund i linje med universell design.

SEO SEO

Vad som är bra för universell design kan bidra till att förbättra SEO. Du rankar inte nödvändigtvis högre genom att passera tillgänglighetskontroller, men mycket av det som är bra för universell design är också bra för ranking högre. Sökmotorer belöna väldesignade webbplatser, och universell design är ett kriterium för kvalitet. Faktorer som bra användarvänlighet, förmåga att använda skärmläsare, sidstruktur och funktionalitet är universella designkriterier och SEO-kriterier. Detta är ett bra kort att hålla i ärmen när du talar med antingen beslutsfattare eller “skeptik”.

De dödas sammanbrott

En viktig sak att komma ihåg är att det finns många typer av funktionshinder, och att universellt utformade lösningar kommer att vara användbara för alla någon gång i livet.

Nedsättning av funktionsnedsättningen får inte vara permanent. Vi tar ett exempel. I många fall kan det vara svårt att se vad som finns på skärmen på grund av miljö eller omständigheter - det kan vara starkt solljus, avstånd eller självrespektivhet. Då är det viktigt att designen är optimal. Nedan följer några exempel på olika typer av nedgångar.

Permanent: Blindhet, låg syn, ålderslång syn

Tillfälligt: Förlorade glasögon, grönt och grå starr

Situation: Dåligt ljus, extremt ljus, distraktioner, avstånd

. 7 Principer för allmän design

Centret för universaldesign vid North Carolina State University har utvecklats i 1997 Sju sju Att utvärdera och skapa universellt utformade lösningar. De är lika relevanta i dag som de är idag. 25 De är dock inte direkt relaterade till lagen och bör endast användas som vägledning.

Vad ska jag som designer, utvecklare eller projektledare tillhandahålla i en webblösning?

De följande punkterna är långt ifrån uttömmande, men detta är kanske en av de största och viktigaste sakerna att få implementerat.

1Så låt oss säga att det är samma sak som det. tangentbordsnavigeringsverktyg När du använder tangentbordsnavigering använder du fliktangenten för att navigera runt. Keytau navigationsorganisationen gör din webblösning tillgänglig för användare som inte kan eller inte vill använda möss för att navigera runt. Gör det lättare för användaren att navigera med hjälp av tangentbord genom att ställa in en meningsfull flikordning. Använd även detta läkemedel ”Hoppa över navigeringslänkar”, eller hoppa länkar, för att låta användaren hoppa till höger till huvudinnehållet i en sida. Här är en bra en. Vägledning till navigering av UU-tillsynen.

2Så låt oss säga att det är samma sak som det. Semantik och korrekta titlar Det är viktigt att använda en snygg semantisk kod, med rätt titelhierarkier. Se till att bland annat rubrikerna följer rätt ordning från H1 till H6 och att titeltaggen högst upp på fliken representerar innehållet på sidan.

3Så låt oss säga att det är samma sak som det. Skriv all text När skärmläsare berättar vad som händer på en bild på en webbsida, läser de från all-texten som är kodad. När detta inte finns kan anslutningen mellan innehållet på din webbplats förlora sammanhanget för skärmläsaren. Alt-texten bör beskriva bildens ämne. Dekorativa bilder ska märkas med ett tomt all-genage, för att undvika buller för slutanvändaren.

4Så låt oss säga att det är samma sak som det. Kontraster, kontraster, kontraster Det här är den vanligaste fel att begå enligt WebAimMen några av de enklaste sakerna att göra i många fall. Ange de värden som krävs för olika typer av text och innehåll, eller använd en kontrastkontroll som gör det för dig.

5Så låt oss säga att det är samma sak som det. Stort nog ”touch mål” Touch mål är ytan av klick, och här finns krav på indatafält och knappar, till exempel. Dessa skall vara minst 44x44px (WCAG 2.1). Detta är viktigt för att undvika att användaren trycker fel, oavsett om de har problem med finmotorn, helt enkelt har stora fingrar eller är på väg. Minns du vad jag skrev om de två personer som köper en bussbiljett?

6Så låt oss säga att det är samma sak som det. Rätt utformade former och indatafält I form av formulär är det bland annat viktigt att etiketter eller etiketter på bra norska lämnar indatafält. Om instruktioner eller etiketter placeras i inmatningsfältet kan det hindra användaren från att granska informationens korrekthet. WCAG kräver också att obligatoriska fält markeras.

7Så låt oss säga att det är samma sak som det. Använd form, text, kontrast, storlek och markera för att klargöra vad du försöker förmedla Visste du att mellan 5% och 8% av alla män är färgblinda och kämpa för att skilja färger i olika grad? Med fler instrument än bara färger kan du se till att fler människor hittar sitt mål snabbare. Ett konkret exempel är att dekorera hyperlänkar med både färg och färg. - Underströk. En som har svårt att se färg kan inte nödvändigtvis se skillnaden mellan mörkblå länkfärg och svart kroppstext. Att lägga till länkar med en underströk är ett mönster som de flesta Internetanvändare vet om.

8Så låt oss säga att det är samma sak som det. Tillåt tillräckligt stor/stor Förbered din webbplats för att använda vid höga zoomhastigheter. Många navigera på webben på sätt som du kanske aldrig har tänkt på tidigare, inklusive genom max zoomning.

9Så låt oss säga att det är samma sak som det. Teckensnittsstorlek och teckensnitt som kan läsas av människor Nu, WCAG kräver inte en viss typsnittsstorlek, men det är allmänt samförstånd och bästa praxis 16px är en bra utgångspunkt för stycken. Även om det ännu inte finns några officiella krav på bästa praxis i unionen bör vissa principer ligga till grund. Använd bland annat teckensnitt som har bra läsbarhet. Så du undrar noga om du ska använda teckensnittet som har en hög grad av komplexitet i texten till brödet. Försök också undvika för många teckensnittsfamiljer på en lösning, och droppa "ljus" och "tunn" varianter om det råder tvivel om läsbarhet för alla. Använd diskretion, men också utföra tester!

10Så låt oss säga att det är samma sak som det. En lista med textavstånd och korta linjer Se till att ditt textinnehåll är så läsbart och tillgängligt som möjligt med hjälp av lämplig linjehöjd. För att uppfylla WCAG-kraven bör det åtminstone vara: 1.5 radavstånd för punkter. För att godkännas enligt WCAG bör linjelängderna också vara mindre än 80 tecken per linje, för optimal läsbarhet.

11. . Allmänt utformad text Inte bara ska vi designa textdekoration universellt, men se till att innehållet skrivs på ett förståeligt och enkelt språk.

12. . Bra interaktionsdesign Klar och korrekt feedback/feedback på interaktion, tydlighet om vilka knappar och länkar leder var, och bra navigering är viktigt för enkel användning i alla webblösningar.

13Så låt oss säga att det är samma sak som det. Rensa felmeddelanden Skriv felrapporter som tydligt beskriver felet som har inträffat. Om användaren har skrivit in sin e-post i fel format, är det viktigt att det inte bara står "fel" eller "fel". Då har användaren inte tillräckligt med kunskap om felet för att kunna korrigera det så snabbt som möjligt. Här är en enorm fördel att meddelandet visas nära där felet har uppstått (tänk Närhetslagen) så att användaren förstår exakt var felet har uppstått och kan korrigera det snabbare.

14. . Testa, testa, testa! Testa på ett mångsidigt utbud av människor, med olika grader av funktionell förmåga. Testa även i olika åldrar, med varierande grad av teknisk kunskap.

Allt för alla

Med detta i åtanke bör man komma ihåg att universell design matchar användarvänlighet och kvalitet. Det är inte bara viktigt för människor med det största behovet, utan det gör innehållet som du skapar mer mottagligt för de flesta människor.