Att utforma information för WWW

Förord

Att vara funktionshindrad innebär inte att man behöver vara utestängd från

den nya värld i form av WorLd Wide Web information som nu sprids via Internet.

Det finns dock ett hinder. Grafiska presentationer och grafiska bilder

som nyckelbärare av väsentlig information för att komma vidare kan utgöra

ett hinder om man inte har byggt upp sina WWW-sidor så att de blir

tillgängliga för alla.

I denna skrift, som är utarbetad av Statens Institut

för Handikappfrågor i skolan, SIH, redovisas att informationen kan

byggas upp så att såväl funktionshindrade som alla andra kan ta till sig

all information, såväl grafisk som textbaserad, som presenteras på skärmen.

Funktionshinder och datorteknik

Det senaste decenniet har inneburit en revolution för många funktionshindrade i samhället. Med hjälp av datorteknik kan exempelvis dövblinda kommunicera via telenätet, gravt synskadade kan direkt läsa vad som står på en datorskärm med hjälp av syntetiskt tal eller automatiskt genererad punktskrift. Rörelsehindrade kan använda persondatorer med hjälp av exempelvis en sug- och blåsfunktion även om de är nästan totalförlamade. Det är till och med möjligt att styra en persondator med rösten.

Nya möjligheter

I takt med att tekniken utvecklas kommer även ljud och videofilmer att kunna distribueras via WWW. Här uppstår dock nya problem men också nya möjligheter. Döva personer har hittills kunnat ta del av både den skrivna informationen och av bilder men kommer p g a sitt funktionshinder inte att kunna ta del av ljud på Internet. Möjligheten att distribuera video å andra sidan öppnar möjligheter för döva att utbyta information på sitt eget språk, teckenspråket.

Personer, som av olika anledningar inte kan ta del av skriftlig information

p g a sitt kommunikationshandikapp, kan många gånger använda ett alternativt kommunikationssätt exempelvis symbolspråken Bliss eller Pictogram. Även dessa kan mycket väl distribueras via WWW.

Eftersom tillgången till de globala informationsmotorvägarna baseras på en fungerande persondatorlösning borde det inte vara omöjligt att också göra dessa tillgängliga för människor med funktionshinder. Det är emellertid nödvändigt att redan vid utformningen av WWW-informationen ha dessa speciella behov i åtanke så att man inte genom ett rent förbiseende omöjliggör för funktionshindrade att ta del av informationen.

Problem och möjligheter

Det stora problemet just nu är att WWW-sidor utvecklas mot att i allt högre grad helt baseras på informationsbärande bilder i stället för text. Starka kommersiella intressen verkar för att göra sidorna attraktivare genom användning av ett stort antal bilder.

Det finns WWW-sidor som är helt textlösa vilket samtidigt innebär att gravt synskadade omöjligt kan ta del av informationen.

Text men inte bilder

Många synskadade har idag utrustning som direkt kan översätta bildskärmens text till syntetiskt tal eller till punktskrift men det finns ingen (och kommer troligen inte att finnas inom överskådlig framtid) teknisk utrustning som kan översätta informationen i en bild till motsvarande media.

Det "programmeringsspråk" (HTML) som används vid utformningen av WWW-sidor har emellertid inbygga möjligheter att i text beskriva den bild man placerar ut på sidan.

Tillgängligt för olika användare

Det fantastiska är att när sedan programmet, som används för att tolka informationen hos användaren (browsern), visar upp resultatet på skärmen så visas endast bilden för den seende medan endast den beskrivande texten visas för den gravt synskadade. Det är inställningar i browsern som bestämmer hur det hela visas upp.

I nuläget är det väldigt vanligt att utformare av WWW-sidor underlåter att använda denna möjlighet att göra sina bilder "tillgängliga" även för dom som inte kan se. Tekniken är emellertid mycket enkel.

Följande exempel visar hur man kan angripa detta problem i de fall då man vill inkludera enstaka bilder på sin WWW-sida.

Tips 1 - Alternativ textbeskrivning

Många utformare av WWW-sidor underlåter idag att utnyttja den i HTML-språket inbyggda möjligheten att i koden ge en kortfattad textbeskrivning av bilder som läggs in i dokumentet. Att göra detta kräver nästan inget merarbete vilket följande exempel vill visa.

Exempel 1

Följande HTML-kod placerar ut datorbilden sihlogo.gif (SIH:s Logotype) på min WWW-sida: <IMG SRC="sihlogo.gif"> Bild 1a visar hur denna sida ser ut i en grafisk browser som används av de flesta användarna av World Wide Web.. En textbaserad browser kan här användas för att illustrera vad en gravt synskadad kan "se" av samma sida: Den enda information som ges är att det finns en bild [IMAGE] men ingenting om vad bilden föreställer. (bild 1b)

Exempel 2

Om vi istället utnyttjar HTML-språkets möjligheter och skriver in en liten förklarande text i koden: <IMG SRC="sihlogo.gif"ALT="Bild: SIH:s logotype" > så får sidan följande oförändrade utseende i en grafisk browser, (bild 2a), medan användare av en textbaserad browser nu kan läsa information om vad bilden innehåller. (bild 2b) Den synskadade kan lugnt söka vidare i dokumentet utan att vara osäker på huruvida den aktuella bilden innehöll någon väsentlig information eller ej. Detta sätt att kortfattat tydliggöra vad en bild innehåller passar i de fall där WWW-sidan huvudsakligen är textbaserad, men där man vill lägga in enstaka bilder som inte är av väsentlig betydelse som informationsbärare för den synskadade. Logotyper är bra exempel på sådana bilder.

Tips 2 - Beskrivande textsidor

I de fall då bilden förmedlar ett för informationen avgörande innehåll kan man istället vidhäfta en textbaserad beskrivning av bilden genom att placera en liten "D-länk" intill bilden. Användare med en grafisk browser ser då bokstaven D intill bilden och vet då att om man väljer denna så finns en textbaserad beskrivning tillgänglig. Denna anpassning påverkar utseendet marginellt.

Ett exempel:

Förutom bilderna så finns på denna sida (bild 3a) i nedre högra hörnet av varje bild en länk med beteckningen D (Description). Denna för den seende obetydliga "störningen" av sidans utseende är av avgörande betydelse för den synskadades möjligheter att ta del av den information som sidan vill ge.

I en textbaserad browser får då samma sida utseende enligt bild 3b. I stället för bilderna, visas de nyckelord som skrivits in i koden med hjälp av ALT. Efter varje "bildord" finns en D-länk som kan väljas för den som är intresserad av en utförlig textbaserad beskrivning av vad bilden föreställer.

När man väljer en D-länk så kan beskrivningen för en av bilderna få utseende enligt bild 3c och 3d. Här är det viktigt att alltid ta med en länk tillbaka till den ursprungliga "bild"-sidan.

Tips 3 - Ljudinspelningar

Tekniken med "D-länkar" till alternativa beskrivande textsidor kan även användas för att öka tillgängligheten för döva användare av WWW. Bildexemplen (bild 4a och 4b) visar hur man genom en liten nästan osynlig "D-länk" kan presentera en textbaserad beskrivning av inspelningen.

När man klickar på ikonen med högtalaren spelas en inspelning upp för lyssnaren. Om man i stället väljer D-länken så visas istället en textbaserad information. Bilderna illustrerar hur detta kan se ut.

I Vita husets WWW-information kan man både läsa och lyssna till tal som presidenten hållit. Här har man valt att på den ordinarie sidan också presentera en utskrift av talet. På så sätt kan man samtidigt både läsa och lyssna till presidentens uttalanden.

Om man bedömmer att en ljudinspelning inte behöver kompletteras med en synlig textbaserad beskrivning, så är ovan nämnda teknik med "D-länken" mycket användbar för att också ge möjlighet för människor som inte hör att ta del av viktig information i ljudinspelningen.

Tips 4 - Alternativ textversion

När man vill åstadkomma en layout på sin WWW-sida som huvudsakligen har ett "grafiskt utseende är det bättre att skapa parallella dokument där man uteslutande använder sig av text. På varje grafisk sida bör det då högst upp till vänster finnas en textlänk till det textbaserade parallelldokumentet.

Vita Husets WWW-information är ett utmärkt exempel på denna teknik. När man som användare av en grafisk browser kommer till Vita Huset så möts man av en mycket attraktiv grafisk hemsida, se bild 5a och 5b.

Högst upp till vänster finns dock en liten textlänk som anger [Textversion]. Bild 5c visar det första som möter en användare som har en textbaserad browser. Förutom den informationsbärande texten finns här också text som beskriver sidans grafiska utseende. Även dessa uppgifter behandlas av den synskadades utrustning för översättning till syntetiskt tal eller punktskrift.

Bild 5d visar utseendet på WWW-informationen om man direkt väljer länken [Text version]. Här finns ingen, för den synskadade onödig, information. Denna text kan lätt översättas till syntetiskt tal eller punktskrift. Notera att det första som möter läsaren är en länk [Graphic version] till den parallella grafiska sidan.

WWW i framtiden

Skriven text kommer säkert även fortsättningsvis att vara den dominerande informationsbäraren. Men i takt med att anslutningarna till Internet får en större s k bandbredd ökar möjligheterna att informera med bilder, ljud och videofilmer.

För människor med funktionshinder, som medför svårigheter för dem att tillgodogöra sig textbaserad information kan detta innebära en ny revolution.

Utvecklingsstörda som inte kan läsa men som förstår det talade ordet kan direkt få informationen i begriplig form. Jämför med den amerikanske presidentens tal. Människor som använder ett alternativt kommunikationssätt kan få information via sekvenser av bilder (ex BLISS eller PICTOGRAM) och döva personer kan få informationen på teckenspråk.

Tillgängligt för alla - allas ansvar

Tekniken i sig omöjliggör inte sådana alternativa utformningar av informationen på WWW. Det är helt och hållet en fråga om kunskaper, ambitioner och ekonomiska resurser som styr det framtida teknikutnyttjandet i detta syfte.

Förhoppningsvis har denna skrift visat att man kan öka läsbarheten för funktionshindrade genom att redan vid utformningen vidta små enkla åtgärder. Kanske har också beskrivningen av framtida möjligheter väckt några tankar hos läsaren.

När kommer vi att få se en hemsida på WWW med ett utseende som bild 6 visar?

Mera information

Här följer några tips om litteratur, adresser mm som kan vara till hjälp för den som arbetar med utformning av WWW-information:

Grundläggande HTML:

Laura Lemay:

Teach yourself Web Publishing with HTML in a week

Bok utgiven av SAMS Publishing 1995

Teach Yourself Web Publishing With Html 3.2 in a Week

Funktionshindrade och World Wide Web:

Gregg C. Vanderheiden:

Design of HTML pages to increase their accessibility to users with disabilities

Trace R&D Center, University of Wisconsin

WAI Accessibility Guidelines

Datorbaserade läromedel för funktionshindrade:

SIH Läromedel Datapedagogen

Klerkgatan 16, 702 25 ÖREBRO

Tel. 019-124466, Tfx. 019-124469, Texttel. 019-106144, E-post. datapedagogen@sih.se

URL: http://www.sih.se/dataped.htm

Bliss:

SIH Läromedel

Box 21071, 418 04 GÖTEBORG

Tel. 031-502500, Tfx. 031-502528, Texttel. 031-502522

Pictogram:

SIH Läromedel

Nygatan 18-20, 903 27 UMEÅ

Tel. 090-171900, Tfx. 090-171930, Texttel. 090-171910

Teckenspråk på digital video:

SIH Läromedel

Klerkgatan 16, 702 25 ÖREBRO

Tel. 019-105490, Tfx. 019-6111007, Texttel. 019-106144