Vi har satsat på användbarhet
— att vår webbplats skall fungera för alla och vara enkel att använda.
För att en webbplats skall fungera väl bör den vara användbar för alla.
När det gäller hårdvara såsom våra datorer så finns det en rad hjälpmedel för blinda, synskadade eller funktionshindrade. Många av oss, som tycker att vi inte hör till den kategorin, bär glasögon. Men vi betraktar knappast våra glasögon som ett handikapphjälpmedel för att de är så vanliga. Tänk om vi kunde betrakta mjukvaran eller innehållet på nätet på samma sätt. Att funktionaliteten borde smälta in lika väl som ett par glasögon. Att en blind kan få fram innehållet på webbsidan via en talbaserad webbläsare eller som blindskrift via en braille-terminal. Att den som inte kan hantera en datormus ändå kan navigera på webbplatsen, och så vidare. Webbsidorna måste uppfylla en del krav för att bli tillgängliga för så många som möjligt.
Vi har ansträngt oss för att få fram en bra grundfunktion. Vad det innebär försöker vi förklara nedan. Om du skulle upptäcka något som inte är tillfredställande är vi intresserade av att du hör av dig. Det finns alltid utrymme för förbättringar.
Användbarhet skapar värde
Genom att skapa en god användbarhet och ha en klar webbstrategi kan man öka avkastningen av webbsatsningen. Värdekedjan i en webbplats börjar med att man klart definierar sina användare och den slutar med en nära relation till nya kunder. Det gör insatserna på webbplatsen till en investering istället för en kostnad.
SIS-standard för webbplatser
SIS publicerade i juni 2008 en standard som ett stöd för webbdesigners Ergonomi vid Människa systeminteraktion Del 151: Vägledning för webbgränssnitt (ISO 9241-151:2008). Därmed har Europa fått gemensamma riktlinjer för användbarhet när det gäller webben. Standarden handlar bl.a. om designstrategi, sök och navigering. Den hjälper både beställare och leverantörer av webbdesign att hamna rätt. Med en standard kan produktionen fokusera mer på innehåll än att lösa standarduppgifter.
Web Content Accessibility Guidelines
även på svenska
Web Accessibility Initiative, WAI. Detta är en stor amerikansk satsning på användbarhet som har fått stort inflytande även här i Sverige genom Verket för Förvaltningsutveckling. Syftet är att tillsammans med organisationer över hela världen arbeta för en tillgänglig webb för alla, även funktionshindrade.
Web Content Accessibility Guidelines, är WAIs riktlinjer för tillgängliga webbsidor. De innehåller 14 riktlinjer med en eller flera underpunkter. Dessa finns i en bilaga listad i prioritetsordning i »List of Checkpoints for the Web Content Accessibility Guidelines«.
En webbplats bör vara tillgänglig för alla
Vi har kommit en bra bit vägen mot användbarhet för alla genom att inte bygga upp webbsidornas layout med hjälp av tabeller (koden: <table>).
Tidigare var det vanligt att man gjorde hela webbsidan som en stor tabell. En lösning som kan liknas vid ett ark i Excel-programmet med en massa rutor eller celler där man slår ihop cellerna på olika sätt för att uppnå önskad layout med textspalter bildytor osv. Sådana layouter gör det omöjligt för dem som använder textbaserade eller talbaserade webbläsare att kunna tillgodogöra sig innehållet.
Separera innehåll och form
Istället har vi separerat själva innehållet från formgivningskoden. Webbsidorna byggs upp av två skilda filer, dels en HTML-fil som ger innehållet, och dels en CSS-fil som styr formen eller utseendet. HTML-filerna krymper i storlek och blir lättare att tolka utan en mängd formgivningskod. CSS-filen är ofta densamma för flera webbsidor och laddas då vanligen ner en enda gång för en hel webbplats. Det gör att webbsidorna hämtas in snabbare vilket känns positivt för användaren.
Undvik tabeller för att skapa layout
Det finns inte längre skäl att bygga upp webbsidor med hjälp av tabeller. Inte heller att bygga dubblettsidor för olika webbläsare, i syfte att visa speciella alternativsidor anpassade för den aktuella webbläsaren. Det blir bara tungt och opraktiskt att underhålla ett sådant system.
När man separerar innehåll och form (som HTML-dokument och CSS-dokument) går det att komma runt problemen med att olika webbläsare tolkar koden olika. Med hjälp av validering kan man avgöra om problemet ligger i koden eller i webbläsaren och sedan jobba utifrån den kunskapen.
När innehåll och formgivning är separerade klarar även mekaniserade system att ta fram meningsfullt innehåll i ren text- eller ljudform. Dessutom ökar funktionaliteten ytterligare ett steg om man skapar olika formgivningskod dels för skärm, dels för utskrifter och dels för mobiler o.s.v. Prova att skriva ut den här sidan så förstår du skillnaden!
Om du vill se hur själva innehållet i HTML-filen ser ut för denna sida utan någon formgivningskod kan du se här: detta dokument utan formgivningskod (CSS).
Möjligt att förstora texten
Du kan förstora texten, eller egentligen hela sidan om du väljer View > Textsize > Increase (Ctrl+plustecken) i Firefox. Övriga webbläsare har liknande menyer.
Formulär på webbplatsen
Att använda formulär på en webbplats kan ställa till många problem. Inte endast för användarna utan även för webbmastern. Formulär används flitigt för att skicka ut sk. Spam eller skräppost. För att motverka detta används en del olika tekniker t.ex. CAPTCHA-kod som är en »robotfälla«, ett test som antas vara lätt att lösa för människor, men som inte automatiska dataprogram klarar. Captcha-lösningen »Kontakta oss« (hittar du länken till i vänstra kanten) den ger en bild med förvrängda bokstäver och siffror. Koden används för att förhindra missbruk med hjälp av automatiska program, sk. robotar.
Tyvärr hindrar det samtidigt dem som inte kan se bilden med de förvrängda tecknen. Därför har vi använt två olika typer av lösningar. På kontaktsidan har vi ett vanligt formulär som man kan fylla i, men för att det skall fungera måste man besvara den enkla frågan rätt på slutet. Något som automatiska robotar går bet på, men som även synskadade kan klara av. Testa gärna formulären!
Bilder, länkar och hoppa till huvudinnehållet
Vi jobbar på att alla bilder på vår webbplats skall ha beskrivande texter, sk. alt-attribut, för dem som inte kan se bilderna. Likaså att länkarna har en textbeskrivning av vad länken avser.
Vi kommer framöver också att implementera en funktion som är dold för vanliga användare som heter ”hoppa till huvudinnehållet” (eller skippa navigeringslänkar). Det är en viktig funktion för dem som måste använda en elektronisk översättare till t.ex. Braille eller blindskrift, så att de kan komma direkt till huvudinnehållet. En sådan funktion är även till fördel för dem som använder en mobil med liten skärm. Där det är trögt att scrolla texter. Om det då är en mängd länkar man måste scrolla innan man hittar innehållet kanske besökaren ge upp och snabbt klicka sig vidare till en konkurrerande webbplats som fungerar bättre. Vissa problem gjorde dock att vi tillfälligt plockade bort funktionen här.
Att kunna skippa navigeringslänkar är ett av kraven i de amerikanska sk. Section 508 reglerna. När det gäller webben framställer de 16 krav för användbarhet. Jämför dem gärna med VERVAS råd (se högra kolumnen).
Färgvalet har betydelse för läsbarheten
Vi har även gjort anpassning av färger och andra mindre påtagliga ingrepp för att uppnå tillräcklig kontrast mellan text och bakgrund så att det blir lättare att läsa sidorna. Det ger kanske inte de »vackraste« nyanserna, men vad hjälper det om det är vackert ifall vissa användare inte kan läsa det. Internet bör väl vara tillgängligt för alla.
Tangentbordskommandon underlättar
Än så länge har vi inte lagt in tangentbordskommandon för menyerna då det inte finns någon naturlig logik arrangerad efter bokstäver eller siffror för att navigera på sidan.
Dock finns det ett alternativ med TAB-tangenten, för dem som är beroende av tangetbordet för att komma till de olika menyerna. Välj meny med upprepade tryck på TAB-tangenten och klicka med RETUR-tangenten.
Sökmotoranpassning ökar antalet besökare
Att webbplatsen har en god användbarhet skall även betyda att den skall vara väl lämpad för sökmotorerna, tycker vi. Oftast är det med hjälp av någon sökmotor som besökare hittar en webbplats. Genom att länkningen via menyerna som bygger på ren text, och inte bilder, underlättar vi för sökmotorerna att registrera informationen på våra webbsidor.
Vidare använder vi sk. semantisk uppbyggnad, dvs. koden används för det den är avsedd för och inte för att åstadkomma hoptrixade lösningar. Allt detta gör att de som söker något på webben också bör kunna finna det de sökt.
Det vi ovan beskrivit kan vi göra för dig också, för att dina investeringar i närvaron på Internet skall ge god avkastning. Välkommen att höra av dig på 031-12 10 82!
ComArt Affärskommunikation AB, Prinsgatan 12, 413 05 Göteborg
Telefon 031-12 10 82, www.comart.se