TP Hemsida | Tillgänglighet: en komplett introduktion

Vad är målet?

Innehåll ska kunna uppfattas, hanteras och förstås även utan mus, perfekt syn eller snabb finmotorik.

Tillgänglighet omfattar här WCAG, kontrast, tangentbord, läsbarhet och inkluderande design. Guiden är skriven för småföretag, föreningar, konsulter, lokala verksamheter och växande bolag och fokuserar på beslut som går att förklara, prova och följa upp.

Från besökarens uppgift till publicerad sida

Börja med den uppgift besökaren försöker lösa. Koppla innehåll och funktion till ett tydligt affärsmål, bygg minsta kompletta flöde och kontrollera det först på mobil. Teknik, text och design ska sedan mätas tillsammans – en snabb sida utan begripligt erbjudande är inte en bra sida.

Använd faktisk fältdata när den finns. Kombinera sökprestanda och Core Web Vitals med kvalificerade kontaktförfrågningar, genomförda köp eller annan verklig handling.

Sex kontrollområden för tillgänglighet

Wcag

Beskriv nuläget och vilket konkret beslut uppgiften ska stödja. För tillgänglighet betyder det att WCAG inte lämnas som ett allmänt önskemål utan kopplas till resultatet: innehåll ska kunna uppfattas, hanteras och förstås även utan mus, perfekt syn eller snabb finmotorik.

Kontrast

Sätt ett minsta accepterat kvalitetskrav som går att kontrollera. För tillgänglighet betyder det att kontrast inte lämnas som ett allmänt önskemål utan kopplas till resultatet: innehåll ska kunna uppfattas, hanteras och förstås även utan mus, perfekt syn eller snabb finmotorik.

Tangentbord

Identifiera vem som påverkas och vilken information personen behöver. För tillgänglighet betyder det att tangentbord inte lämnas som ett allmänt önskemål utan kopplas till resultatet: innehåll ska kunna uppfattas, hanteras och förstås även utan mus, perfekt syn eller snabb finmotorik.

Läsbarhet och inkluderande design

Testa delen i en verklig situation innan nästa etapp startar. För tillgänglighet betyder det att läsbarhet och inkluderande design inte lämnas som ett allmänt önskemål utan kopplas till resultatet: innehåll ska kunna uppfattas, hanteras och förstås även utan mus, perfekt syn eller snabb finmotorik.

Praktiskt exempel

Navigera hela kontaktflödet med tangentbord, förstora texten till 200 procent och kontrollera synlig fokusmarkering.

Innan arbetet fortsätter ska nuläget och önskat resultat dokumenteras. Välj sedan tre krav från kontrollområdena ovan och gör ett begränsat test. Det ger ett bättre beslutsunderlag än att börja med den mest omfattande eller visuellt imponerande lösningen.

Så mäts resultatet

Dokumentera WCAG 2.2 A/AA-avvikelser, antal blockerande fel och om centrala uppgifter kan slutföras med hjälpmedel.

Spara både mätvärden och korta observationer. Om utfallet inte kan kopplas till det ursprungliga målet behöver metoden eller målet förtydligas innan mer tid och budget läggs på samma riktning.

Viktig fallgrop

Undvik detta

Undvik att använda enbart färg för betydelse eller platshållartext som enda fältetikett.

Fråga dessutom vad som inte ingår, vilka antaganden som fortfarande är osäkra och vem som ansvarar när förutsättningarna ändras.

Källor och vidare läsning

Källorna nedan används för standarder, myndighetsinformation och centrala risk- eller konsumentfrågor. Den praktiska tillämpningen måste anpassas efter situationen.

Om artikeln

TP Gruppen AB:s redaktion ansvarar för struktur, språk och publiceringsstatus. Läs mer om vår källkontroll och stegvisa indexering på sidan Redaktion och innehållsprinciper. Rapportera gärna sakfel via kontaktsidan.