Share
Vi i webbbranschen skapar ofta för majoriteten, vilket gör vårt arbete acceptabelt för dem i minoriteten. Det är inte tillräckligt bra. I denna artikel kommer vi att undersöka sätt att förbättra den typografiska upplevelsen för synskadade användare på webben.
Rapporter från slutet av 2013 föreslår att det uppskattas 285 miljoner synskadade människor globalt. Medan 90% av dessa människor bor i utvecklingsländer, innehåller de återstående 10% 28.500.000 personer som säkert interagerar med webben i viss kapacitet. Det finns avsedda webbläsare för synskadade användare som WebbIE som vänder alla sidor till text-bara gränssnitt för att fungera med skärmsläsare, men räcker det? Vad sägs om de som inte är helt blinda, men har problem med att läsa teckensnitt på webben? Är en all-eller-ingenting-tillvägagångssätt rättvis mot dem?
WebbIE Webbläsare 4Låt oss gå över de problem som den här användargruppen står inför, hur våra branschpraxis hjälper till att hindra dem och hur vi kan lösa problemet!
När en designer skapar en typsnitt har den avsedda platsen ett stort inflytande. Tecken som syftar till att läsas på tryckta medier skulle utformas så att de passar bäst. En stationär typsnitt bör först optimeras innan den används på webben, och många populära teckensnitt har idag webbvarianter. Till exempel kan en typsnitt som är optimerad för webben ha mindre slagkontrast (som du ser på ett ögonblick), en längre x-höjd, större räknare (hålen inom en bokstavsform) och mer öppet avstånd. Medan syftar till att göra typ mer läsbar på webben kan vissa av dessa förändringar faktiskt få den omvända effekten för personer med nedsatt syn.
Du kommer ofta att höra att folk blir förvirrade i en diskussion om vilken som är läsbar för kopia. serif eller sans-serif typ? Faktum är att välja en typsnitt för läsbarhet inte lika svart och vitt som det.
Omodulerade slag är när vikten i en karaktärs sträckor är oförändrade hela tiden. Detta tar bort många definierande egenskaper hos bokstäver som används av synskadade för tolkning. För en synskadad användare, S av en omodulerad typsnitt kan ganska feasibly tolkas som en C.
I exemplet ovan ser du att Arial har omodulerade slag, till skillnad från det klassiska serif Georgia. Verdana är ett bra exempel på en sans-serif som visar liten modulering. Dess bredda terminaler (slutet av streck) föreslår ett "stopp" innan läsarens öga flyttar till nästa tecken.
På 1950-talet utvecklade Herman Zapf Optima med exakt detta i åtanke; han syftade till en sans-serif som kunde ersätta den oftare använda serif typen i böcker och tidskrifter.
Du kanske har upptäckt att du måste göra detta innan: Öka vikten av en typsnitt i mindre storlekar för bättre läsbarhet. För det mesta är detta en tillfredsställande lösning som ger det förväntade användarläsbara innehållet. När det gäller synskadade användare skapar detta igen en nästan omöjlig läsupplevelse.
När du kombinerar ett typsnitt som inte är särskilt utformat för en viss storlek, och förbättrar dess läsbarhet genom att lägga till vikt (speciellt om webbläsaren lägger in vikten, istället för att använda en viss typsnitt variant), överdriver den effekten av obemodulerade slag. Den tillagda vikten försvinner bokstavsspecifika egenskaper som används för lättare identifiering.
Kerning är den distinkta justeringen av avstånd mellan tecken i ett teckensnitt. Med kerning är målet att ha en distinkt mängd blankutrymme mellan tecken för hela teckensfamiljen. Men i de flesta teckensnitt hittar du på webben mängden av blankutrymme hanteras på ett mer enhetligt sätt.
På ytan verkar det inte så viktigt, men ett enhetligt förhållningssätt kan leda till felaktig tolkning av karaktären. Ett vanligt exempel på detta är L och J. Placera dessa två tecken bredvid varandra och du kan lätt fela dem för U, eller LI. Ett annat bra exempel är två huvudstäder v, VV. Denna kombination kan lätt betraktas som en W.
Det är omöjligt att diskutera läsbarhet utan att nämna färgval. Olika färgkombinationer för teckensnitt och bakgrund skapar olika läsupplevelser. Det är till exempel en vanlig säker praxis att lägga nästan svart text ovanpå en nästan vit bakgrund. I samma avseende är det dåligt att använda en gul färg med en vit bakgrund. Den senare ger en skrämmande läsupplevelse och kan orsaka huvudvärk.
Idag, med den framträdande användningen av platt design, utgör dessa färgproblem inte så stort ett problem jämfört med för några år sedan. Men det är fortfarande något att ta till verklig övervägande. För en videobakgrund (även en stigande trend) kommer det alltid att finnas olika scener som ändrar färgbalansen. För platt design ligger problemet med val i att bara dämpa en färg tillräckligt för att den ger en acceptabel läsbarhet.
Den vita i blått i det här exemplet ser bra ut, men inte om din vision inte är 100%. Ta en titt på checkmycolours.com för att analysera alla kombinationer du är osäker på.
Efter att ha gått över några snabba viktiga nackdelar mot synskadade användare med webtypografi, låt oss nu övergå till vad som kan göras som arkitekter på webben för att hjälpa till med det.
För att skapa färgkombinationer mellan ditt schema och typsnitt finns det bara en enkel regel att följa. Bakgrunden ska vara tydlig och dämpad nog när det inte skapar ljud. För teckensnittet, en solid färg med en respektabel mängd kontrast. Enkelt, rätt?!
För videobakgrunder är det lite mer involverat. Medan en överlappande bakgrundsfärg under texten är bra kan videon skilja på atmosfär och ljudnivåer genom olika scener. För att motverka detta, se till att ta hänsyn till alla olika scenförändringar genom hela videon.
Ser jättebra ut! Kan inte läsa det dock.Att bara visa ett teckensnitt i en säker storlek kommer inte alltid att fungera. Som du noga har upplevt, förefaller vissa teckensnitt hackade eller mindre raffinerade när de används i olika storlekar. En populär lösning för detta är lite extra vikt och lägger till en stroke. Medan det kan hjälpa, är det rörigt och får inte fullt ut jobbet gjort.
Testning för att säkerställa att din webbplats är läsbar för dem med synskador är inte så svårt som det låter. Försök att göra dessa tre saker:
Att vara medveten om att det finns ett problem är hälften av slaget. Nu borde du ha en bra utgångspunkt för att förstå hur du kan ge synskadade användare en bättre upplevelse.
Accentsconagua