Vidste du, at de fleste mennesker, der lovligt blinde faktisk kan se? Hvis du kan lide mig, du forestille mig, at blindhed er noget i retning af at sætte sorte briller på, men for mange blinde, er det faktisk mere som leder gennem voksbelagt papir. Faktisk er en af mine bedste venner er lovligt blinde og hun er en teknisk forfatter, og hun ikke bruger en skærmlæser til at skrive. Hun bare magnifies hvad hun læser nok, så hun kan læse den. Og du behøver ikke at være juridisk blind ønsker tekst på computeren for at være større. Som vi bliver ældre øjnene blive værre og værre, og gøre teksten større er lettere for os alle at læse.
Moderne browsere giver brugerne mulighed for at zoome ind på teksten for at gøre det lettere at læse, men med kolonneform layouts, dette kan få problematisk meget hurtigt, hvis teksten er zoomet for meget. Kolonner kan få skubbet til skærmen eller blive ulæseligt, hvis de er fast bredde, og teksten er for stor for dem.
Hvordan kan web-designere i øjeblikket løse dette problem?
? Kun tekst sider
Et af de mere populære måder at gøre hjemmesider mere tilgængelige er at skabe "kun tekst" versioner af siden. Ideen er, at hvis der kun er tekst der, siden vil være lettere at udskrive eller forstørre.
Problemet med tekst kun sider er, at de er en vedligeholdelse hovedpine, og de indebærer, at læseren får noget andet end den side, de rent faktisk ønsker at læse. Der er en underliggende spørgsmål om "hvis de slettede billeder, hvad der ellers gjorde de slette?" Så kunderne ikke klikke på disse links. Plus, hvis de er vanskelige at opretholde, chancerne er, vil du ikke fastholde dem, og så kunderne virkelig vil ikke få, hvad de ønsker at få.
? Forstør tekst knapper
Idéen her er, at kunden klikker på en forstørre ikon og skriftstørrelsen er steget.
Problemet er det samme som når kunden bruger browseren forstørrelse. Teksten vil ikke altid passer ind i skærmen og så videre.
Nogle andre emner med både design og web-designer løsninger er:
? Screen real-estate
Udvidelse af teksten kan tvinge kolonner til at rulle ud af skærmen til højre eller venstre og effektivt forsvinde.
? Headers
Når teksten er forstørret headere og fed kan blive forvirret og vanskelig at skelne. Men disse tags fungere som markører i teksten for at gøre dem lettere at læse. Forlader dem i dokumentet er meget vigtigt.
? Color
De mest populære farveskema på nettet er sort tekst på hvid baggrund, men dette farveskema er meget svær at læse på en computerskærm. Jeg tror min favorit beskrivelse af denne farveskema er "sort tekst på hvid baggrund er som at se på myrer på en elpære." Farveskemaer gerne hvidt på blå (tror WordPerfect) eller grøn på sort baggrund (tror gamle computer terminaler) er en hel del lettere for øjnene.
Oprettelse af en Zoom Layout med CSS
Den enkleste måde at skabe en zoom layout er simpelthen at oprette et andet typografiark (normalt kaldet noget i retning af zoom. Css), som omfatter følgende:
1. En enkelt kolonne
Vi så indoctrinated at bruge flere kolonner på websider disse dage, men som jeg har nævnt ovenfor, dette skaber en masse problemer for folk som browse med forstørret tekst. Hvis du lægger alt dit indhold i en enkelt kolonne, skal du løse dette problem.
2. Fleksibelt eller flydende bredde layout
Da vi antager, at skriften vil blive øget, og vores kunder vil kunne øge det endnu mere med deres browsere, der gør kolonnen fleksible i bredden er bedst, således at det forbliver læselig, selv om skærmen er maksimeret med 3x skriftstørrelser.
3. En stor skrifttype
Dette er et layout, der forsøger at være tilgængelig for folk, der har lavere vision, så lav den stor. Og brug proportional skriftstørrelser gerne EMS eller procenter, så dine kunder kan øge størrelsen, hvis enorme at du er mikroskopiske til dem.
4. Inverter de skærmfarver
Det er fristende at gå direkte til hvidt på sort, men det har så meget kontrast, at det stadig er vanskeligt at læse. Tænk farver som blåt, grønt eller hvidt på sort eller mørk brun.
5. Prune din navigation
Da vi har flyttet webstedet i en kolonne, skal du sørge for, at de første 5 skærmen fuld af tekster er ikke din navigation. Hold det enkelt. Brug klasser for at skjule sub-navigation og holde bare den grundlæggende en eller to niveauer af navigation øverst og nederst på siden.
6. Undlad at ændre indholdet
Ikke slippe af billeder, skal du ikke fjerne eller ændre indholdet. Det punkt i zoom layout er, at det er det samme indhold som standard side, blot gøres mere læselig for lav-vision læsere.
Gør dit Zoom layout til rådighed
Mange moderne browsere som Firefox og Opera tilbyde muligheden for at skifte mellem suppleant style sheets, der er knyttet til dokumentet. Så, som webdesigner, alt hvad du skal gøre, er at vedhæfte dit typografiark til dokumentet:
u. Det er vigtigt, at du kender dine kunder, og du ved, hvad de præcist har brug for.