Tillgänglighetsdirektivet - hur går du vidare?

När tillgänglighetsdirektivet är fullt genomfört den 28 juni 2025, kommer du behöva ha gått igenom din webbplats. I vår tidigare artikel svarade vi på vanliga frågor. Här kommer du få handfasta tips om du väljer att genomföra analys och ändringar på egen hand.

Basanalysen - själva grunden i ditt arbete

Börja med att göra en basanalys av din webbplats. Din basanalys bör innehålla ett urval av sidor och inkludera följande sidor

Startsidan.
Textbaserade innehållssidor: Sidor med huvudsakligen textinnehåll.
Bilder, video och ljud: Multimediainnehåll som kräver alternativ text eller beskrivningar.
Interaktiva verktyg och transaktioner: Formulär, kalkylatorer eller andra interaktiva funktioner.
Inloggningssidor: Om din webbplats har inloggningsfunktionalitet.
PDF-filer och andra dokument: Kontrollera att dokument är tillgängliga och korrekt formaterade.
Dynamiskt innehåll: Popup-fönster, meddelanderutor eller andra element som visas dynamiskt.
Navigationssidor: Webbplatskartor, sökfunktioner och menyer.
Sidor med tillgänglighetsinformation.
Sidor som visar hur man kontaktar företaget.
Rättslig information som användarvillkor och sekretesspolicy.
Sidor med inställningar eller användarpreferenser.

Arbetsprocessen - så här arbetar du

Skapa en lista över de sidor du valt ut.
Följ vägledningens kontroller steg för steg.
Se till att avsätta tillräckligt med tid, då granskningen kan ta flera dagar.

Texter

1. Kontrollera att rubriker är korrekt formaterade

2. Kontrollera att sidor är användbara när stilmallar är inaktiverade

Så testar du:

Alternativ 1: Använd WAVE-verktyget

1. 1. 1. Kopiera en URL från din webbplats.
    2. Klistra in URL:en i WAVE-verktyget.
    3. Välj “No Styles” från verktygets vänstra panel.
    4. Granska sidans innehåll: Kontrollera om du fortfarande kan använda sidan och slutföra viktiga uppgifter.

Alternativ 2: Firefox (Windows och Mac):

- - - Menyraden: Välj "Visa" > "Sidstil" > "Ingen stil"
    - Webbutvecklarverktygsfält: Välj "CSS" > "Inaktivera stilar" > "Alla stilar"
    - Kortkommando:
    - Mac: Kommando + Skift + S
    - Windows: Ctrl + Skift + S

Safari (Mac):

- - - Menyraden: Välj "Utveckla" > "Inaktivera stilar"

Opera (Windows):

- - - Menyn: Välj "Sida" > "Stil" > "Användarläge"

Chrome (Windows):

- - - Verktygsikon: Gå till "CSS"-fliken och välj "Inaktivera alla stilar"

Vad du ska kontrollera:

- - - Kan du fortfarande läsa och förstå textinnehållet?
    - Är viktiga funktioner som kontaktformulär och menyer tillgängliga?
    - Kan användare navigera och utföra grundläggande uppgifter utan stilmallen?

3. Kontrollera att instruktioner är korrekt utformade

Det är viktigt att instruktioner på webbplatsen inte förlitar sig på visuella beskrivningar. Instruktioner som endast fungerar för användare med fullgod syn kan skapa stora hinder för personer med synnedsättningar eller som använder skärmläsare.

Exempel på problematiska instruktioner:

- "Klicka på den runda knappen"
- "Klicka på den stora knappen nedan"
- "Klicka på den röda knappen"

Användare som inte kan se sidan vet inte vilken knapp som avses eftersom dessa instruktioner förlitar sig på visuella egenskaper som form, storlek eller färg.

Så här gör du:

- Granska ditt urval av sidor:
- Leta efter instruktioner som beskriver element enbart baserat på visuellt utseende.
- Åtgärdsförslag:
- Använd beskrivande text som förklarar funktionens syfte, till exempel:
  - "Klicka på 'Skicka' för att slutföra ansökan."
  - "Välj 'Nästa' för att gå vidare till nästa steg."
- Testa med skärmläsare:
- Använd en skärmläsare för att se hur tydliga instruktionerna är för användare som inte ser sidan.

4. Kontrollera att länkar är tydliga

Hur du kontrollerar länkar:

Granska länktexterna på dina utvalda sidor:
- Läs länktexten utan att ta hänsyn till det omgivande innehållet.
- Bedöm om texten ensam förklarar vad länken gör.

Exempel på bra länktexter:

- "Läs mer om våra tjänster inom webbutveckling"
- "Ladda ner vår guide för tillgänglighet (PDF)"
- "Kontakta oss för mer information om utbildningar"

Tips för förbättring:

- Beskriv innehållet tydligt: Ange vad användaren kommer att se när de klickar på länken.
- Undvik generiska fraser: Använd inte vaga termer som "klicka här" eller "mer info".
- Använd specifika och informativa texter: Förbättra länkar genom att inkludera deras syfte eller mål.

5. Kontrollera att sidor har bra titlar

Hur du kontrollerar sidtitlar:

1. Öppna sidorna i webbläsaren:
2. Titta på fliken längst upp i webbläsaren.
3. Om texten är för lång kan du hålla muspekaren över fliken för att se hela titeln.
4. Bedöm titeln:
5. Är titeln beskrivande och lätt att förstå?
6. Beskriver titeln sidans innehåll och syfte på ett tydligt sätt?
7. Är språket enkelt och relevant?
8. Undvik duplicerade titlar:
9. Kontrollera att ingen annan sida har samma titel.
10. Om två sidor har identiska titlar blir det svårt för användare att veta vilken sida de ska välja.

Exempel på bra sidtitlar:

- "Ansök om parkeringstillstånd – Danbury kommun" (beskrivande och specifik)
- "Kontakta oss – Webbutvecklingstjänster" (anger syftet med sidan)

Tips:

- - Var tydlig och specifik: Ange sidans huvudinnehåll i titeln.
  - Använd ett konsekvent format: Särskilt om du har många sidor på webbplatsen.

Bilder, filmer och ljud