lillbra.se

Konsten att länka

Länkar, eller hyperlänkar, är en av grundprinciperna för internet. De är så vanliga att vi kanske inte alltid tänker på dem, men för användbarhetens skull finns det en hel att ta hänsyn till. Här presenterar jag viktiga saker att tänka på när du länkar. Råden är, när inte annat anges, hämtade från Vägledningen 24-timmarswebben (pdf 2Mb).

Du får länka

Först, för att rensa alla tvivel – du får länka till vad du vill. Länka mycket och gärna! Jag kan bli irriterad då jag läser artiklar som inte underlättar för användaren att hitta mer information genom länkar, eller inte länkar till källan. Beta Alfa 2.0 skriver att nätet inte är rätt plats för den som ogillar länkar.
Och Fredrik Wackå uppmanar att länka allt vad du kan – den som lägger upp material på nätet måste acceptera att materialet blir länkat till. Länkpolicys eller dyligt är bara löjligt och gammaldags.

Namnge och beskriv länkarna utförligt

Alltför ofta ser man länkar som bara är döpta till “Klicka här” eller “Läs mer”. Detta ger ingen som helst ledtråd om var länken leder. Emil Stenström har behandlat fenomenet i artikeln “Click here to read this article” och pekar ut fler nackdelar med sådan namnsättning:

• Användare tvingas läsa mer än nödvändigt
• Sämre indexeringsmöjligheter för sökmotorer
• Svårare att navigera för användare med skärmläsare

En bra regel är att man ska kunna läsa länken tagen helt ur sitt sammanhang och ändå förstå var den går/vad som händer när man klickar på den.
Förutom en beskrivande länktext kan länken gärna ges en utförligare titeltext. Detta görs med title-attributet på a-taggen. Titeltexten visas i många webbläsare som en liten tool-tip ruta när användaren håller muspekaren över länken.
Om länken öppnas i nytt fönster bör det anges i länktexten. Om du länkar till dokument i andra format än (x)html bör filformatet anges. Om filen dessutom överstiger 1 Mb bör filstorleken stå med i länktexten. Alltså, döp länken till exempel: “Vägledningen 24-timmarswebben (pdf 2Mb, nytt fönster)”.

Utmärk länkar tydligt

Länkar bör – med undantag för menyer – vara understrukna. Hmm… märker själv att jag bryter mot den regeln. Får ändra!
Vidare ska länkarna ha en färg som avskiljer dem från annan text. Man bör även använda olika färger för besökta och icke-besökta länkar, och visa vilken länk som är aktiv. Detta gör man genom s.k. pseudo-klasser i css. Till exempel:
a:link {color: blue;}
a:visited {color: purple;}
a:hover {color: magenta;}
a:active {color: red;}
Roger Johansson upplyser om att ordningen är viktig vid specifieringen av länkarnas utseende. Den ska vara :link :visited :hover :active, som förkortat blir “LVHA” eller “LoVe HAte” för den som vill få lättare att komma ihåg.

Gör det enkelt att klicka

Personer med nedsatt finmotorik kan behöva större ytor att klicka på. Sätt därför gärna padding för länkar i ditt css. Om ikoner/symboler används i anslutning till länken ska de också vara klickbara. Om du har flera länkar efter varann bör de skiljas åt med minst ett tecken (gör helst en lista av dem) så att de blir tydligt separerade.

Länkar till andra språk

Tantek visar oss hur länkar till andra språkversioner bör kodas (via anvandbart.se): de ska ha attributen rel="alternate" och t.ex. hreflang="es" för en spansk version.

Länka telefonnummer

Att länka telefonnummer var något helt nytt jag lärde mig när jag läste Vervas vägledning, och något som jag inte sett på så många ställen hittills på nätet. Detta är ett led i att Skype eller någon annan VOIP-klient numer finns på mångas datorer, och att fler surfar med mobilen. Med länkade telefonnummer kan användaren med ett klick ringa upp direkt från webbläsaren! Sättet att koda en länk till ett telefonnummer är t.ex följande: href="tel:+46855050000".

Det var allt – nu är det bara att sätta igång och sprida lite link-love! Nästa vecka skiver jag om användbara url:er, vilket kan vara viktigt om någon vill länka till dig.[tags]användbarhet, webbutveckling, html, länkar, länkning[/tags]

links for 2006-11-20

• Actual Browser Sizes – Baekdal.com
  Statistik över vilka skärmupplösningar och storlekar på webbläsarfönster som används och som din sajt bör stödja.
  (tags: webdesign browser usability)
• The 13 Most Embarrassing Web Moments – PC World
  Pinsammaste händelserna som finns att beskåda på nätet. Nr 6 är min favorit.
  (tags: humor)

Arto Paasilinna “Den ljuva giftkokerskan”

Boken handlar om änkan Linnéa Ravaska som lever ett tillbakadraget liv i sitt lilla röda torp i skogen. Varje månad när pensionen betalas ut kommer fostersonen med sina törstiga och kriminella polare från staden, för att hämta hennes pengar. Men till slut får Linnéa nog av otacksamheten och bestämmer sig för att något måste göras…

Jag blev glatt överraskad av Den ljuva giftkokerskan. Hade inga förväntningar på den, men den visade sig vara hundraprocentigt underhållande. Paasilinna bjuder på lagom vass och väldigt rolig samhällssatir. Han levererar mängder av underfundigheter och lustigheter, men håller också kvar läsarens intresse och känslomässiga engagemang för karaktärerna. Jag kände verkligen för den gamla gumman i storyn. Inget görs för att ändra alla fördomar om finländarna som ett supande och bastubadande folk – tvärtom! Och av beskrivningarna att döma låter det som författaren själv har en hel del erfarenhet i ämnet… Lyssnade på den som talbok och Tomas Laustiolas finlandssvenska uppläsning är också värd beröm.[tags]Den ljuva giftkokerskan, Arto Paasilinna[/tags]