Insikt

Universal Design: Hur du gör din webbplats tillgänglig för alla

Universal design gör webbplatser tillgängliga för alla. Lär dig sex enkla steg för att förbättra användarupplevelsen, synbarheten och kundtillfredsställelsen.

Visste du att en av fem norska över 18 Har en tillfällig eller permanent nedgång i åratal? Det visar Uppgifter från DFØ:s befolkningsundersökning 2019Så låt oss säga att det är samma sak som det. Funktionshindrade har ofta större svårigheter att använda Internet för att få information, varor och tjänster än befolkningen annars. - Varför? Alla webbplatser är inte lika bra på att ta hänsyn till universell design. När vi inte tar hänsyn till universell design riskerar vi att utesluta många potentiella kunder. Och ingen vill? Så i den här artikeln, kommer vi att ge dig 6 specifika tips som kan hjälpa dig att göra din webbplats mer tillgänglig och mer användarvänlig för Alla användare.

Vad betyder termen?

Den allmänna utformningen av IKT (kommunikationsteknik) handlar om att skapa goda, digitala lösningar som är anpassade till alla i samhället, oavsett ålder, funktionell förmåga och utbildningsnivå.

Med andra ord handlar den universella utformningen av IKT om att underlätta produkter, tjänster och innehåll på nätet med idén att de bör . Alla- Ja, det är jag.

Det spelar ingen roll om funktionsnedsättningen är tillfällig, beroende på situationen eller permanent. Oavsett om du köper en produkt, läser något eller laddar ner ett dokument, bör webbplatsen organiseras för dig.

Riktlinjer

I Norge är det faktiskt ett rättsligt krav att alla IKT-lösningar ska utformas på ett allmänt sätt. Du möter dock fortfarande webbplatser med dåliga rubriker och saknade alt-texter.

Det är därför viktigt att du som utgivare online undersöker om innehållet du publicerar följer riktlinjerna för WCAG 2.1. . (Retningslinjer för tillgänglighet på webbinnehåll). Detta är standarden som beskriver hur webbplatserna ska göras mer tillgängliga. Se riktlinjerna för WCAG här.

Genom att följa dessa riktlinjer, ser du till att ditt innehåll är i överensstämmelse med lagen, samtidigt som du gör din webbplats enklare och bättre för alla att använda.

Med hjälp av Internet

Det finns många goda skäl att prioritera universell design:

Bättre synlighet: strukturerat och lättläst innehåll ger högre ranking i sökmotorer

Bättre användarupplevelse: Ett tydligt språk och enkel navigering gör webbplatsen effektivare för alla

Nöjda kunder: När folk hittar vad de söker ökar chanserna att de stannar, handlar eller kontaktar oss.

Universal design är inte bara ett rättsligt krav, utan en smart investering som ger resultat.

Nu när vi har tittat på vad universell design är och varför det är viktigt, låt oss titta på hur du enkelt kan genomföra det i praktiken.

6 enkelt grepp för mer tillgängligt innehåll

1. . Enkel och enkel

Även om det inte finns något rättsligt krav är det viktigt att man talar klart och tydligt för att undvika missförstånd.

Om det är svårt att förstå en text kan den leda till tvetydigheter och onödiga förfrågningar via e-post eller telefon. Att använda lite extra tid på att skriva klart kan spara tid, pengar och frustration.

En bra text gör det enkelt för läsaren att hitta, förstå och använda den information som delas. För att uppnå detta kan dessa skriftliga råd vara användbara:

  • Tänk på vem du skriver till och varför du skriver.
  • Direkt till editorn
  • Strukturera texten logiskt, med den viktigaste först
  • Ord och fraser enkla ord
  • Förklara främmande ord och uttryck

Se mer text på sprakradet.no

2. . Applicera på toppen av pannen

Att använda rubrikerna korrekt är kanske ett av de viktigaste verktygen för att skapa en strukturerad och tydlig text. När rubrikerna är klara och följer en logisk sekvens blir texten lättare att läsa för både människor och skärmläsare.

Hur du använder?

Rubriker kodas med hjälp av rubrikelementen <h1> till <h6>. . Dessa delar upp texten i kapitel och underkapitlen på olika nivåer.

  • h1 används för huvudtiteln som berättar vad texten handlar om
  • h2 används för huvuden, medan h3 används för mitthuvuden
  • h4-h6 används för att ytterligare betona textens struktur

Nivåernas ordning bör också vara korrekt. Du bör flytta ner en nivå åt gången, till exempel från h1 till h2 och sedan till h3.

Illustration av korrekt layout av rubriknivåer, från H1-H4.

3. . Allt i ett

Ordspråket ” en bild säger mer än 1000 ord" är för de flesta av oss, men det matchar inte alltid för alla. Alla kan inte se bilder, symboler eller ikoner. Så vi behöver alltid ett textalternativ -- en alltext.

En alt text är en alternativ text som beskriver bildens innehåll eller funktion. Allt-texten gör det möjligt för användare som inte kan se bilder att fortfarande få sitt innehåll.

- Är det logiskt?

Alt-texten ska ge en kort och konkret beskrivning av vad som händer på bilden, utan att upprepa innehållet i texten på webbplatsen.

Om en bild visar två marknadsförare som ger en presentation, kan du skriva “två marknadsförare ger en presentation” som alt text.

Om bilden eller illustrationen är avsedd som dekoration, ska alt-texten vara tom. Bilden är då inte av någon betydelse för meddelandet, och en skärmläsare bör ignorera bilden.

4. . Text till text

Grafer, diagram och andra illustrationer visas ofta som bilder, och texten inuti bilden blir osynlig för både skärmläsare och sökmotorer. Därför måste viktig information alltid anges som verklig text utanför bilden.

Tommelfingerregeln är enkel: texten ska vara text, inte en bild av texten.

5. .

En länktext bör förstås på egen hand, utan att läsaren behöver se på resten av meningen. Om en länk till exempel bara kallas ”Google”, är det omöjligt att veta om den pekar fram eller på en viss del. För universell design är detta extra viktigt. Användare som navigerar med skärmläsare får ofta länkarna läsa upp som en lista, utan sammanhanget runt. Därefter är ojämnt länktexter som ”klicka här” eller ”läs mer” helt enkelt meningslösa. Genom att skriva kort och exakt länktexter som tydligt beskriver syftet, ser du till att alla användare förstår var länken leder – oavsett vilka medel de använder. Här är två exempel på hur man skriver ut en länk: Stackars

  • Se även här
  • Här är bilden

Bra.

  • Se alla skördenyheter här
  • Se alla bilder från E-handelsdagen här
Första delen av Illustrationen visar en kort och oregelbunden länktext. Den andra delen av Illustrationen visar en länktext som är väl utformad med ett tydligt länkmål.

6. . Videoklippklipp

Video och ljud är effektiva sätt att förmedla meddelanden, men utan textning, innehåll blir otillgängligt för många. Det är viktigt att innehållet alltid är i form av text.

Det är här du:

  • Texten ska återge tal och viktiga ljud (såsom musik, skratt och effekter)
  • Ange vem som talar och beskriver viktiga händelser
  • För att säkerställa god läsbarhet måste texten ha tillräcklig kontrast till bakgrunden
  • Texten ska kodas som text (inte som bild) så att den kan uppfattas av alla
  • Om direkttextning inte är möjligt: lägg till en kort beskrivning bredvid videoklippet eller ljudklippet, vilket förklarar meddelandet på ett enkelt sätt.

Se fler riktlinjer för video och ljudinspelning på uutilsynet.no

Mer information

Med 6 steg som nämns, kan du göra din webbplats mer tillgänglig och skapa en bättre användarupplevelse för alla, samtidigt som du stärker din verksamhets synlighet, förtroende och resultat.

Vi kallar det en vinstsituation.

Undrar hur du kan förbättra din webbplats? Kontakta oss i INEVO, Vi kommer gärna att hjälpa dig.

Vad händer nu?

Låt oss hitta den viktigaste åtgärden för din nätbutik.

Boka ett förutsättningslöst samtal