Visste du att de flesta människor som är lagligt blinda kan faktiskt se? Om du gillar mig, ni föreställa er att blindhet är något som att svarta glasögon på, men för många blinda, och det är faktiskt mer som att titta genom Vaxat papper. Faktum är att en av mina bästa vänner är juridiskt blind och hon är en teknisk skribent och hon inte använder en skärmläsare att skriva. Hon förstorar vad hon läser nog så att hon kan läsa det. Och du behöver inte vara juridiskt blind för att ha text på datorn att vara större. När vi blir äldre våra ögon blir sämre och sämre, och göra texten större är lättare för oss alla att läsa.
Moderna webbläsare gör det möjligt för användarna att zooma in på texten för att göra det lättare att läsa, men med kolumner layouter, detta kan få problematiska mycket snabbt om texten zoomas för mycket. Kolumner kan få skjuts utanför skärmen eller blir oläsligt om de är fast bredd och texten är för stort för dem.
Hur webb-designers nu lösa detta problem?
? Text endast sidor
En av de mer populära sätten att göra platser mer tillgängliga är att skapa "endast text" versioner av sidan. Tanken är att om det bara är text där, sidan kommer att vara lättare att skriva ut eller förstora.
Problemet med endast text sidor är att de är ett underhåll huvudvärk, och de leder till att läsaren får något annat än den sida som de faktiskt vill läsa. Det finns en underliggande fråga om "om de raderade bilderna, vad gjorde de bort?" Så att kunderna inte klickar på länkarna. Plus, om de är svåra att upprätthålla, är chansen, du kommer inte behålla dem, och så de kunder som verkligen inte kommer att få vad de vill ha.
? Förstora texten knappar
Tanken här är att kunden klickar på en förstora ikonen och teckenstorleken ökar.
Problemet är detsamma som när kunden använder webbläsaren förstoring. Text kommer inte alltid passar in i skärmen och så vidare.
Några andra frågor med både design och webb designer lösningar är:
? Skärmen fastighetssektorn
En utvidgning av den text kan tvinga kolumner för att rulla ut från skärmen till höger eller vänster och effektivt försvinna.
? Rubriker
När texten är förstorad rubriker och fet kan bli förvirrad och svår att särskilja. Men dessa taggar fungera som markörer i texten att göra dem lättare att läsa. Lämnar dem i det dokument är mycket viktigt.
? Färg
De mest populära färgschema på webben är svart text på vit bakgrund, men detta färgschema är mycket svårt att läsa på datorskärmen. Jag tror min favorit beskrivning av detta färgschema är "Svart text på vit är som att titta på myror på en ljuskälla." Färgscheman som vitt på blå (tror WordPerfect) eller grönt på svart (tycker gamla datorer) är mycket lättare för ögonen.
Skapa ett Zoom Layout med CSS
Det enklaste sättet att skapa en zoom layout är att helt enkelt skapa en andra stilmall (brukar kallas något i stil med zoom. Css) som innefattar följande:
1. En enda kolumn
Vi är så indoctrinated att använda flera kolumner på webbsidor dessa dagar, men som jag har nämnt ovan, detta orsakar stora problem för människor som söker med förstorad text. Om du lägger in alla dina innehållet i en enda kolumn, du lösa detta problem.
2. Flexibla eller flytande bredd layout
Eftersom vi utgår från att typsnittet kommer att ökas, och våra kunder kan öka den ännu mer med sina webbläsare, vilket gör kolumnen flexibel bredd är bäst så att det förblir läsbara även om skärmen är maximerat med 3x teckenstorlekar.
3. En stor font
Detta är en layout som försöker vara tillgänglig för personer som har lägre vision, så gör den stor. Och använda proportionellt teckensnitt som EMS eller procenttal, så att dina kunder kan öka storleken om stora att du är mikroskopisk för dem.
4. Vänd skärmfärger
Det är frestande att gå direkt till vitt på svart, men det har så stor kontrast att det fortfarande är svårt att läsa. Tänk färger som blått, grönt eller vitt på svart eller mörkbrun.
5. Prune din navigation
Eftersom vi har flyttat den plats i en kolumn, du måste se till att de första 5 skärmen full av text är inte din navigering. Håll det enkelt. Använd klasser för att dölja sub-navigation och behålla bara de grundläggande en eller två nivåer av navigering högst upp och längst ner på sidan.
6. Inte ändra innehållet
Inte göra sig av bilder, inte ta bort eller ändra innehållet. Vitsen med den zooma layout är att det är samma innehåll som den vanliga sidan, bara göras mer lättläst för låg-vision läsare.
Gör ditt Zoom layout tillgängliga
Många moderna webbläsare som Firefox och Opera erbjuder dig möjlighet att växla mellan alternativa stilmallar som är knutna till dokumentet. Så, som Webbdesigner, allt du behöver göra är att ansluta ditt style sheet till dokumentet:
u. Det är viktigt att du känner dina kunder och du vet exakt vad de behöver.