Design för tillgänglighet

Skulle du medvetet bygga en webbplats som du visste skulle vara omöjlig att läsa för tre fjärdedelar av dina kunder? Självklart inte! Och ändå, det händer - och det finns en god chans att, utan att inse det, du har också. Här är vår guide för att se din webbplats ses av alla.



Hela poängen med att göra en hemsida, är hela poängen med publicering på Internet under ditt domännamn, så att människor kommer att läsa det, eller hur? Det är bara sunt förnuft som du vill göra det enkelt för dina besökare att läsa din webbplats. Och ändå de flesta företag göra webbplatser som innehåller fel:



    * Fel som gör det svårt för besökare att hitta den plats alls,



    * Fel gör det svårt för besökare att komma till den information de söker, och



    * Fel gör det omöjligt för besökare till att läsa informationen när de hittar det!



Låter dumt? Det händer hela tiden! Ta en titt på dessa vanliga fel, och se hur många av dem i din webbplats.

Fast bredd layouter



Du har sett webbplatser där innehållet visas i ett band i mitten av webbläsarens fönster? Om du utöka storleken på fönstret förblir innehållet i mitten. Nick James har en hemsida som denna. Peter Jones går ännu längre - han till och med låter dig ställa in färg och position i bakgrunden!

Så: vad är problemet?

Små skärmar: Webbplatsen designer har ingen aning om vad skärmstorlek besökarna använder. Om innehållet inte passar, sedan antingen grejer på kanterna kommer inte ses alls, eller så att användaren måste föra rulla fram och tillbaka för att läsa varje textrad.

Vem använder "små" skärmar?



Laptop skärmar, om de är bättre än de var, ofta har begränsade upplösning.



Vissa tjänster erbjuder webbsurfande på TV. TV-upplösning är bara så bra som de allra tidigaste, VGA datorer.



Det blir gemensamma för människor att surfa med hjälp av en telefon eller handdator. Deras skärmar är mycket begränsad!

Stor text: Nästan alla webbläsare ger en möjlighet att ändra storleken på texten. Det är egentligen avsedda för synskadade användare, men telefon och handdator användare med små, tändsticksask-stora skärmar finner det mycket användbart också.



Många användare, antingen på stationära datorer eller handdatorer, ställa in textstorleken mycket större än grafiken. En fast bredd layout - i bästa fall - kommer att klämma den utvidgade text i en smal kolumn. I värsta fall kan hela skärmen faller i bitar!

Stora skärmar: Det är inte så allvarlig, och inte heller så självklart, men fast bredd layouter också besvär besökare med god kvalitet skärmar. De har stora skärmar så att de kan se mer! Om din webbplats kläms in i en smal spalt, de flesta av besökarens extra stora skärmen är tom - det finns inga fler webbsida som visas.



Han vill se mer. Du visar honom mindre! Göra matten!

Hur kan man kontrollera?



    * Olika webbläsare har olika faciliteter. Ju mer man har, desto fler kontroller du kan göra:



          o Om du använder Internet Explorer kan du ändra textstorleken. Se vad som händer med sidan. Du kan också zooma hela sidan in och ut, för att få en uppfattning om vad som händer på mycket stora eller mycket små skärmar.



          o Om du använder Firefox, kan du justera textstorleken nästan utan gräns.



          o Om du använder Opera, kan du inte ändra storleken på texten, men det är ett bra verktyg för simulering av en liten skärm enhet.



    * Titta på webbplats med hjälp av en telefon eller en handdator.

Grafik och Flash



För att ge den grafiska formgivaren full kontroll över användarens upplevelse, vissa webbplatser utformade för att vara något annat än grafik - det finns knappt någon faktisk text där alls! Ibland är det gjort som en serie bildfiler sammanfogade med varandra på sidan, och ibland all grafik är inne i en Flash-fil.



Det råder ingen tvekan, några av dessa webbplatser ser spektakulärt. Titta på Coke's Happiness Factory för ett exempel.

Så: vad är problemet?



    * De är inte användbara. Webbsidan ser ut som ett tv-spel. Kontrollerna inte ser ut kontroller, flytta de runt på skärmen, och de fungerar inte i uppenbara sätt.



    * De är inte kontrollerbara. Om du ändra storlek på webbläsaren inte ändra storlek på innehåll inte. Det är meningslöst på små skärmar eller för synskadade användare.



    * De är inte tillräckligt snabba. Du måste ladda ner hela webbplatsen innan du kan se någonting alls. (Normal webbplatser bygga upp skärmen som delar läses). De flesta användarna förväntar sig att kunna se en hemsida på mindre än tre sekunder.



    * De är inte sökmotor vänlig. Sökmotorer läsa text. De kan inte läsa grafik eller animeringar. Ingenting i en grafik webbplats någonsin kommer att indexeras av en sökmotor

Flash-baserade webbplatser inte är fy skam! Om innehållet du visar sig är grafisk, eller animerade (eller, faktiskt, är föreställande ett tv-spel), då Flash är helt rätt för det.



Men förstå att de inte är konventionella webbplatser. Konventionella överväganden av sökmotor vänlighet och användare tillgänglighet och liknande gäller inte för dem.



Problemet verkar då vad som skall konventionella webbplatser är byggda av Flash, då ägarna undrar varför deras webbplatser inte genererar någon trafik.

Hur kan man kontrollera?



    * Stäng av bilder och plug-ins i din webbläsare. Det som är kvar på skärmen är det verkliga innehållet.

Icke-ankare



Normal webbsida programmering ger ett alldeles utmärkt sätt att göra någonting hända. Det heter ankaret. När du ser något som betonas som det, och muspekaren förvandlas till en hand när den rör sig över det, och förändringar något när du klickar på den - det är ett ankare.



Men några webbprogrammerare vill vara lite smart, så de falska sina ankare. De skriver speciell kod för att göra något som inte är ett ankare beter sig ungefär som ett ankare - understrykningen, den lilla sidan, något händer när du klickar på den. Så här. Ser precis samma, eller hur?

Så: vad är problemet?



    * Sökmotorer inte förstår dem. Sökmotorer använder ankare att hitta vägen till din webbplats, och runt den. Men om ankare på din sida är dessa knepiga, låtsas ankare kommer sökmotorer förstår inte dem och det kommer inte att kunna läsa din webbplats.



    * Tangentbord inte förstår dem. Om besökaren använder en telefon eller en TV som inte har en mus har han att flytta från sina fästen för att förankra med piltangenterna eller knapparna flik. Även användare av bärbara datorer har ofta lättare att använda tangentbordet än att använda glida-pad. Men ankaret väljaren fungerar bara på riktiga ankare, inte på låtsas sådana.



    * Page läsarna inte förstår dem. Det är inte bara blinda användare som har sina webbsidor uppläst folk ofta lyssnar på webbsidor när de är ute och reser. Page läsare göra en lite buller för att ange ett ankare. De inte gör något åt en låtsas ankare.



    * Webbläsare inte alltid förstår dem. Icke-ankare beroende av JavaScript för att fungera. Inte alla webbläsare tillåta JavaScript, och de som tillåter användare att stänga av den av säkerhetsskäl. Ingen Javascript: ingen låtsas ankare.

Hur kan man kontrollera?



    * Använd inte musen för att navigera runt en sida - försöka använda tab-tangenten i stället. (Shift-Tab för att gå bakåt)



    * Stäng av "Javascript" eller "Scripts" i webbläsaren och se om hemsidan fungerar fortfarande.

Med stöd av färg.



Visste du att ..? I vissa delar av världen, en hane på 8 påverkas av någon form av färgblindhet?



Det är helt naturligt att använda färg för att göra din webbplats ser mer attraktiva, eller att lämna information (t.ex. box-outs eller animerade menyposter). Men vad ser bra ut på en display kan sluta titta fruktansvärd på en annan. Om du förlitar dig på färg för att säga något, kan du sluta säga ingenting!



Ljusa primära färger kan vara lika dålig som mjuka pasteller.

Vad är problemet?



    * Människor kan vara färgblind. Vissa av dina tittare kommer att få någon form av färgblindhet. Röd / gröna signaler är en gemensam konvention som orsakar särskilt problem för färgblinda.



    * Skärmar är färg ofta blinda. Bildskärmar med flytande kristaller är notoriskt felaktiga på återgivning av färg - vad som visas på skärmen är ofta ganska annorlunda än det du bad om. De blir sämre i starkt ljus.



    * Papper är oftast färgblinda. De flesta människor ut på svart-vit laserskrivare. Det finns ingen färgåtergivning alls. Utskriften är de mest hållbara återgivningen av dina webbsidor!

Hur kan man kontrollera?



    * Det enklaste sättet att kontrollera en webbsida är att skriva ut den på en svartvit skrivare. (Fuska inte - ta bort eventuella skrivarspecifika CSS från sidan)



    * Det finns mer sofistikerade verktyg tillgängliga på Colorblind webbsida Filter. Det kommer att visa dig din webbplats i olika typer av simulerade färg-blindhet.



    * Slutligen kan du få speciella rutor som du plugg i linje med bildskärmen att göra det simulera olika typer av färg-blindhet.

Svammel



De flesta författare betalas av ordet. Skickliga copywriters undervisas "Ju mer du berättar, desto mer du säljer". Så det bästa författarna kan du hyra ger dig långa uppsatser, som omfattar alla aspekter och invändningar, så att din webbplats kan konvertera det maximala antalet besökare.

Så: vad är problemet?



    * För många ord är dåliga. Folk läsa från skärm långsammare än de gör från papper. Text på skärmarna behöver vara större än text på papper för att kunna läsas. Skärmarna är i allmänhet mindre än papper. Alla dessa sammantaget innebär att en datorskärm är ett ganska ineffektivt sätt att skaffa information! Knappast någon kommer att läsa alla grejer du författaren har skrivit.



    * För många tankar är dåliga. I allmänhet är besökare på din webbplats läser inte litteratur. De försöker hitta någon viss uppgift, antagligen för att hjälpa dem att fatta ett beslut. Om de inte kan se direkt att sidan säger åt dem vad de behöver veta, ser de ut för en annan sida.



    Sökmotorer tänker på samma sätt! Om de läser din sida, och kan räkna ut vad sidan handlar om, då de kommer att kunna rekommendera det. Om sidan vandringar från en tanke till nästa, kommer sökmotorn aldrig förstå vad sidan säger, så kommer aldrig visa det.

Hur kan man kontrollera?



    * Titta på varje sida i din webbplats. Kan du skriva en 50-ord sammandrag av sidan? Kan du skriva en 10-ord titel?



    * Använd WebTool veta vad sökmotorerna tycker din webbplats handlar om.



    * Övervaka om dina besökare föredrar att läsa från skärmen eller skriva ut sidorna på papper.

Säger inte tillräckligt.



Det motsatta problemet att vandra är inte säger tillräckligt. Du ser dem på nätet:



    * Katalog sidor som visar namnet på en produkt, ett katalognummer, och en "Buy now" knappen;



    * Nyheter sidor som endast lista titlar.

Så: vad är problemet?



'Nuff said..

Sammanfattning



Det är inte svårt att sätta ihop en enkel hemsida. Göra en webbplats med "Wow-faktorn" är något svårare. Men att bygga en riktig, branschledande webbplats - och fortfarande hålla den snygg och arbetar sömlöst - som tar erfarenhet och sakkunskap.



Så, hur kan du berätta om en webbutvecklare är en nybörjare, "bli bättre", eller en kamp-härdad expert? Titta bara på de webbplatser de har utvecklats, och tillämpa testerna i denna artikel. Du snart kommer att kunna tala om vilken som är vilken!