Dyslexi, adhd och kognitiv tillgänglighet: det här hjälper

En kund med dyslexi öppnar din sida om returer: 900 ord marginaljusterad text i ljusgrått, med den enda tidsfrist som spelar roll gömd i sjätte stycket. En annan kund, som har adhd, börjar i kassan, får en popup för nyhetsbrevet efter det andra fältet, stänger den och tappar tråden. Inget av problemen syns i de flesta automatiska verktyg. Inget av dem löses med ett särskilt typsnitt.

Den här guiden skiljer det som har stöd i forskningen från det som mest är marknadsföring, inklusive en del funktioner som vår egen bransch gärna säljer.

Vad är kognitiv tillgänglighet?

Kognitiv tillgänglighet innebär att göra innehåll och interaktioner användbara för personer med kognitiva funktionsnedsättningar och inlärningssvårigheter, som kan bearbeta språk, minne, uppmärksamhet eller siffror på andra sätt. Det omfattar dyslexi, adhd, autism, dyskalkyli, demens, hjärnskador och intellektuell funktionsnedsättning, och det hjälper också alla som är trötta, stressade eller läser på ett andraspråk.

Den viktigaste vägledningen är W3C:s Making Content Usable for People with Cognitive and Learning Disabilities (öppnas i en ny flik), ett arbetsgruppsdokument (Working Group Note) som publicerades den 29 april 2021 som komplement till riktlinjerna för tillgängligt webbinnehåll (WCAG). Råden är grupperade i åtta mål:

1. Hjälp användarna att förstå vad saker är och hur de används
2. Hjälp användarna att hitta det de behöver
3. Använd tydligt och begripligt innehåll
4. Hjälp användarna att undvika misstag och att veta hur de rättar dem
5. Hjälp användarna att fokusera
6. Se till att processer inte bygger på minnet
7. Erbjud hjälp och stöd
8. Stöd anpassning och personalisering

Mycket av det är helt enkelt god design. Vägledningen påpekar att personer som tillfälligt är stressade och personer som inte kan språket så bra också har nytta av den.

Hur många har dyslexi eller adhd?

Dyslexi berör ungefär 9–12 % av befolkningen, och 2–4 % är allvarligt påverkade, enligt European Dyslexia Association (öppnas i en ny flik). För vuxna med adhd uppskattade en global metaanalys från 2021 (öppnas i en ny flik) andelen till 2,58 % för kvarstående adhd som började i barndomen och 6,76 % om man räknar alla vuxna med aktuella symtom, ungefär 366 miljoner människor 2020.

Tillstånden överlappar ofta: EDA uppskattar att 8–18 % av personer med dyslexi också har adhd och att 20–40 % har dyskalkyli. Organisationen betonar också att dyslexi inte har något samband med intelligens. Uppskattningarna varierar med definitionerna, men omfattningen är tydlig. Om dina besökare speglar befolkningen har ungefär 900 till 1 200 av 10 000 besökare dyslexi.

Hjälper typsnitt för dyslexi verkligen?

Inte som lässtöd, enligt den forskning som finns i dag. Kontrollerade studier av OpenDyslexic och Dyslexie fann ingen förbättring av läshastighet eller läsprecision jämfört med Arial eller Times New Roman, och en metaanalys från 2026 av 15 studier fann en samlad effekt nära noll. Vissa läsare föredrar ändå de här typsnitten, och den preferensen är värd att respektera.

Typsnitt som OpenDyslexic och Dyslexie är utformade för att göra bokstäverna svårare att förväxla, till exempel med tyngre nederdelar eller tydligare former. Forskningen har inte hittat den utlovade nyttan:

• Wery och Diliberto (2017) jämförde OpenDyslexic med Arial och Times New Roman hos elever med dyslexi i låg- och mellanstadiet. De fann ”ingen förbättring av läshastighet eller precision” och drog slutsatsen att det ”kanske inte finns någon nytta med att sätta om tryckt material i detta typsnitt”. Ingen av eleverna föredrog typsnittet (Annals of Dyslexia, post i ERIC (öppnas i en ny flik)).
• Kuster och kollegor jämförde Dyslexie med Arial och Times New Roman i två experiment, det första med 170 barn med dyslexi. Deras slutsats: typsnittet ”varken gynnar eller hindrar läsprocessen”, och fler barn föredrog de vanliga typsnitten (Annals of Dyslexia, 2018 (öppnas i en ny flik)).
• En metaanalys från 2026 av Azzarello och kollegor slog samman 15 studier av barn med dyslexi (91 effektstorlekar, 688 deltagare). Den samlade effekten var försumbar, g = −0,04 (95 % konfidensintervall −0,15 till 0,07), där noll betyder ingen skillnad. Typsnitten ”ger inga betydande fördelar jämfört med traditionella typsnitt för läsare med dyslexi” (Annals of Dyslexia, 2026 (öppnas i en ny flik)).

Två förbehåll. Det mesta av forskningen gäller barn och mäter hastighet och precision, inte hur bekvämt det är att läsa under en längre stund. Och metaanalysen tillägger att ”vissa typografiska egenskaper kan underlätta läsbarheten”, vilket pekar mot sådant som avstånd snarare än något särskilt varumärkt typsnitt. Byt alltså inte hela webbplatsen till ett dyslexitypsnitt. Använd ett tydligt och välbekant typsnitt, och låt läsare som vill ha ett annat välja det själva.

Vad hjälper personer med dyslexi att läsa på skärm?

Avstånd, layout och formuleringar gör mer än typsnittet. Ge texten luft, håll raderna lagom korta, vänsterställ i stället för att marginaljustera, dela upp texten i korta stycken under tydliga rubriker och skriv enkelt. Framför allt: se till att din layout inte går sönder när läsare själva ökar avstånden, vilket WCAG kräver på nivå AA.

Avstånd har bättre stöd än typsnitt, men inte heller det är avgjort. I en studie i PNAS från 2012 (öppnas i en ny flik) läste 74 italienska och franska barn med dyslexi, 8 till 14 år gamla, text med extra stort teckenavstånd snabbare och med ungefär hälften så många fel, utan någon träning. En publicerad replik (öppnas i en ny flik) hävdade att vinsten kunde bero på att barnen var svagare läsare snarare än på dyslexin i sig. Lovande, alltså, men inte bevisat.

Framgångskriterium 1.4.12 Text Spacing i WCAG 2.2 (öppnas i en ny flik) tvingar dig inte att använda stora avstånd. Det säger att innehållet ska fortsätta att fungera när en läsare ställer in radavståndet på 1,5 gånger teckenstorleken, styckeavståndet på 2 gånger, teckenavståndet på 0,12 gånger och ordavståndet på 0,16 gånger. W3C:s förklaring av kriteriet (öppnas i en ny flik) anger skälet: ”Personer med dyslexi kan öka avståndet mellan rader, ord och bokstäver för att öka läshastigheten.” Det klassiska felet är ett produktkort med fast höjd, där ”Fri retur i 30 dagar” klipps av till ”Fri retur i 3”.

• Håll raderna till högst cirka 80 tecken och undvik marginaljusterad text; det är målen i WCAG:s AAA-kriterium 1.4.8 Visuell presentation. Vänsterställd text håller mellanrummen mellan orden jämna.
• Använd korta stycken, beskrivande rubriker och numrerade steg, så att läsarna hittar tillbaka.
• Publicera riktig text, inte text i bilder eller inskannade pdf-filer, så att talsyntes och läsarens egna typsnitt fungerar.
• Sikta på god kontrast utan bländning. En del läsare tycker att svart på skarpt vitt är tröttsamt, och en mjukare bakgrund går bra så länge texten ligger över WCAG:s minimum på 4,5:1. Vår guide om färgkontrast förklarar kontrastvärdena.

Hur kan webbplatser bli lättare att använda för personer med adhd?

Minska det som konkurrerar om uppmärksamheten, och gör det lätt att ta upp en uppgift igen. Det betyder ingen video eller ljud som startar av sig självt, inga popup-fönster mitt i en uppgift, ett sätt att pausa allt som rör sig, korta steg med synliga framsteg och formulär som behåller det man redan har skrivit. W3C:s vägledning om kognitiv tillgänglighet kallar det här målet ”Hjälp användarna att fokusera”.

• Avbryt inte. Ingen popup för nyhetsbrevet efter det andra formulärfältet, ingen studsande chattbubbla, ingen banner som kommer tillbaka på varje sida.
• Låt folk stoppa rörelse. Allt som rör sig, blinkar eller rullar av sig självt i mer än fem sekunder behöver ett sätt att pausa, stoppa eller dölja det (WCAG 2.2.2 Paus, stopp, dölj, nivå A).
• Visa vägen. Dela upp långa formulär i steg och visa var användaren befinner sig: ”Steg 2 av 4: Leverans”.
• Behåll det som är gjort. Om någon går iväg för att hämta sitt bankkort ska varukorgen och det halvifyllda formuläret finnas kvar.
• Strunta i falsk brådska. Nedräkningar och banners med ”Bara 2 kvar” ökar pressen precis när någon behöver koncentrera sig. Verkliga tidsgränser ska gå att justera (WCAG 2.2.1).
• Gör misstag möjliga att rätta. Be om bekräftelse innan något oåterkalleligt händer, och erbjud ångra där det går.

Inget av detta är specifikt för adhd. Det gör också kassan snabbare för alla andra.

Vad gör de nya kriterierna i WCAG 2.2 för den kognitiva tillgängligheten?

Tre av de nio nya kriterierna i WCAG 2.2 riktar in sig direkt på den kognitiva belastningen. 3.2.6 Consistent Help (nivå A) håller hjälpen på samma ställe, 3.3.7 Redundant Entry (A) hindrar processer från att fråga efter samma uppgifter två gånger och 3.3.8 Accessible Authentication (AA) tar bort minnestester och pussel från inloggningen, om det inte finns ett alternativ.

Äldre kriterier hjälper också, till exempel ledtexter eller instruktioner (3.3.2) och identifiering av fel (3.3.1). Men många kognitiva behov, som klarspråk, är svåra att göra till tester med godkänt eller underkänt, och mycket av W3C:s råd om kognition finns i den kompletterande vägledningen snarare än i själva WCAG. Vår guide till WCAG 2.2 på vanlig svenska går igenom alla nio nya kriterier.

Klarspråk: hur skriver man för alla?

Klarspråk betyder att skriva så att den tänkta läsaren hittar det hen behöver, förstår det och kan agera på det första gången. I praktiken: sätt svaret eller handlingen först, använd vanliga ord, håll de flesta meningar korta, förklara termer som du inte kan undvika och gör om steg till numrerade listor. Det hjälper personer med kognitiva funktionsnedsättningar och alla som har bråttom.

• Före: ”Kunder som önskar returnera varor ska tillse att dessa inkommer inom en period som inte överstiger 30 dagar från leveransdatum, med förbehåll för nedan angivna villkor.” Efter: ”Du kan returnera varor upp till 30 dagar efter leveransen. Så här gör du:”, följt av tre numrerade steg.
• Före: ”Ogiltig inmatning.” Efter: ”Ange ditt postnummer, till exempel 113 51.”
• Före: ”Klicka här.” Efter: ”Ladda ned storleksguiden (pdf, 2 sidor).”

Skriv tal med siffror och datum fullt ut (”fredag den 14 november”), och håll en tanke per mening. WCAG:s AAA-kriterium 3.1.5 Läsförmåga kräver en enklare version eller stödjande innehåll när texten kräver bättre läsförmåga än vad som motsvarar grundskolans högstadium. Det är krävande att uppfylla överallt, men det är ett bra test för hjälpsidor, villkor och felmeddelanden.

Var passar verktyg för personalisering in?

Personaliseringsverktyg låter varje läsare ändra en sida efter sina behov: ett annat typsnitt, större avstånd, en läslinjal, uppläsning, animationer som stängs av. W3C räknar ”Stöd anpassning och personalisering” till sina åtta kognitiva mål. Verktygen är ett val för läsaren. De åtgärdar inte innehåll som är svårt att förstå eller processer som bygger på minnet.

Vår egen panel, SiteAccessible, är ett exempel, så vi berättar gärna vad den gör och inte gör. Profilen Dyslexivänlig byter till ett annat typsnitt (Andika, med OpenDyslexic som alternativ), ökar radavståndet och avståndet mellan bokstäver och ord, och vänsterställer texten. Vi erbjuder typsnittet för att vissa läsare föredrar det och preferenser spelar roll, inte för att det är ett bevisat lässtöd: forskningen ovan säger att det inte är det. Avstånden ligger närmare det som forskningen stöder.

Profilen ADHD-vänlig stoppar animationer, tonar ned färgerna och lägger till en läsmask som mörkar allt utom en remsa runt pekaren. Det kan göra en rörig sida lugnare. Den förbättrar inte någons koncentration, och vi påstår inte att den gör det. Inget av detta skriver heller om din text, tar bort dina popup-fönster eller förenklar din kassa. Hela listan över anpassningar finns på vår funktionssida.

Ska du göra tre saker den här månaden, välj de här: testa dina viktigaste sidor med avståndsvärdena ovan, ta bort allt som avbryter kassan och skriv om dina tre mest lästa hjälpsidor på klarspråk. Vår guide om hur du testar webbplatsens tillgänglighet visar hur du kontrollerar avstånd, zoom och tangentbordsanvändning, och vår översikt över hur personer med funktionsnedsättning använder webben sätter de här behoven i sitt sammanhang.