NetProSale bygger tillgängliga webbplatser

Att handikappsanpassa hemsidan är både lönsam marknadsföring och en demokratisk självklarhet. Här är några av våra metoder för att förbättra din webbplats, eller ännu bättre: bygga tillgängligt från början. Kontakta oss.

• Navigering med tangentbordet, inte bara musen
• Korrekt kod hjälper funktionshindrade att surfa på sitt sätt
• Textstorlek och färger
• Alternativ text så även blinda kan ”se” bilder
• Länkar som förblir begripliga utanför sitt sammanhang
• Detta är även god sökmotorsoptimering
• Lästips

Hur surfar du om du inte kan hålla i en mus?

För folk med nedsatt motorik är det svårt att hantera en mus. För synskadade och blinda är det helt omöjligt. Då förlitar de sig istället på att navigera med tangentbordet. (Jo, det går faktiskt.)

Detta måste webbutvecklare tänka på, så att man inte bygger en animerad JavaScript-meny som bara funkar om besökaren kan klicka på den. Eller begränsar klickbara områden till en pytteliten prick, som det är jättesvårt att träffa med muspekaren.

Utseendet betyder ingenting för en blind

Alltför ofta används (X)HTML-språkets arsenal av taggar för att uppnå ett visst utseende, fastän det är avsett för att förklara innebörd. Utseendet spelar ingen roll för en blind människa, men korrekt kodade sidor ger var och en möjlighet att ta till sig din information, på sitt sätt.

Hjälpverktyg som skärmläsare har t ex verktyg för att hoppa mellan rubriker på en sida – något som vi andra enkelt kan göra med våra ögon. Men det funkar bara ifall man märker upp texten med de korrekta taggarna, de som verkligen betyder ”rubrik”. Det räcker inte bara att göra texten stor och fetstilt – man måste följa webbstandarderna.

Textstorlek och färger

Många designers har perfekt syn och enorma, super-kalibrerade bildskärmar. De tycker säkert att det ser jättestiligt ut att författa hela sidor med en lätt gråtonad, finstilt text. Men för vanligt folk, och synskadade, är det jättesvårt att läsa text som är låst vid en pyttelisten storlek och har så låg kontrast att man nätt och jämt kan urskilja den.

Med webbstandarder som stilmallar kan NetProSale formge sidor så att besökaren kan justera textstorleken direkt i webbläsaren och öka kontrasten på färgerna. (Webbläsare som Opera levereras t o m med färdiga stilmallar som gör sidor mer lättlästa.)

Men självklart så designar vi även med anständig textstorlek och färgkontrast redan för första början. :)

En bild säger inga ord

Skärmläsare kan hjälpa blinda mycket, men de kan inte göra guld av bly. Om en bild innehåller text så kan våra ögon fatta vad det står, men en dator kan inte läsa det. För datorn är bilden bara en samling prickar (pixlar).

För att skärmläsare (och sökmotorer) ska kunna tolka bilden, måste vi ge dem lite hjälp på traven. Det gör man med alternativ text, som används om inte bilden kan visas.

Detta är tyvärr ett vanligt problem på webben. När webbutvecklare är slarviga och inte anger någon alternativ text, måste skärmläsaren förklara det genom att säga ungefär ”bild utan beskrivning” varje gång den stöter på en sån bild. Sådant blir väldigt störande när många webbplatser använder hundratals små dekorativa bilder utan förklarande text.

Här är ett verkligt exempel på en mediabyrås hemsida – helt okej på ytan:

...men utan bilderna blir den helt oanvändbar:

Det är inte bara bilder som behöver textalternativ

Alltför ofta bakar man in viktig information i en Flash-film ”för att det ser coolt ut”, men man glömmer helt (eller struntar i) att många funktionshindrade inte kan använda Flash.

Webbstandarderna ger här goda förutsättningar för att förbereda alternativa versioner – man kan säga åt webbläsaren att automatiskt anpassa materialet efter slutanvändarens önskemål:

1. Visa filmen
2. om inte det går, visa en bild istället
3. om inte det heller går, visa en tabell och några stycken text med länkar.

Men denna viktiga utveckling hålls tillbaka av att många surfar med Internet Explorer, som hanterar sådant helt felaktigt. Firefox, Safari och Opera kan däremot hantera det utmärkt.

Länkning med eftertanke

Varken blinda eller seende orkar läsa precis vartenda ord på en sida, i jakten på den länk man vill följa. Seende kan lätt hoppa med blicken och se läsa de områden som ser intressanta ut. Men blinda förlitar sig ofta på länklistor, alltså att deras skärmläsare plockar ut alla länkar på sidan och presenterar dem i en lista.

Då är det förödande om alla länkar har obegripliga beskrivningar som klicka här och läs mer. Då är det ju helt omöjligt att avgöra vad länkarna handlar om. Därför är det viktigt att man skriver länkar så att de fortfarande är begripliga när de tas ur sitt sammanhang.

Lästips

• Guidelines for Accessible and Usable Web Sites: Observing Users Who Work With Screen Readers – studie i hur blinda surfar på webben. (USA, 2003)
• Webbläsarna Firefox och Opera har många av funktionerna som gör skärmläsare så bra, som länklistor, hopp mellan rubriker, tangentbords­navigering och förstoring/förtydligande av text.

Tillgänglighet = sökmotorsoptimering

Handikappanpassning är inte bara en investering som lönar sig i att du slutar stänga ute stora delar av din målgrupp. Tillgängliga webbsidor värderas även högre i sökmotorer, eftersom sådana katalogiserar webbsidor på nästan samma sätt som en skärmläsare surfar.

Vad är skillnaden mellan handikapp och funktionshinder?

Begreppen är nästan synonymer. Men en definition som vi gillar är den i Härryda kommuns politiska mål:

En synskadad kan uppleva en musikkonsert på ett lika fullödigt sätt som en seende. Men om han inte själv kan förflytta sig från busshållplatsen till kulturhuset, då är han vid det tillfället handikappad.

Funktionshinder kan man alltså ha konstant, men det är först när dessa ställer till med problem som man är handikappad.