Tillgänglig webbplats: vad som är krav från och med nu och hur man tar sig dit

Sedan juni 2025 gäller i EU ett tillgänglighetskrav för en stor del av de produkter och tjänster som erbjuds digitalt. För de flesta företagswebbplatser innebär det mindre arbete än befarat – tio åtgärder täcker största delen.

En ljuskälla strålar genom en barriär som öppnar sig och når ytan bakom jämnt
Notera Det här inlägget ger en översikt och ersätter ingen juridisk rådgivning. Om och i vilken omfattning kravet gäller för er beror på erbjudande, företagsstorlek och marknad och bör prövas i det enskilda fallet.

Det viktigaste

  • Kravet träffar i EU framför allt leverantörer som säljer digitalt till konsumenter – rena företagskunderbjudanden och mikroföretag är delvis undantagna.
  • Måttstocken är WCAG på nivå AA. Låter mycket, men är för en vanlig företagssida nåbart på några dagar.
  • Tio åtgärder täcker största delen – de flesta av dem är ändå god praxis.
  • Automatiska granskningsverktyg hittar bara en del av problemen. Resten kräver en prövning med tangentbordet och ett uppläsningsprogram.

Vem det träffar

Sedan den 28 juni 2025 gäller i EU European Accessibility Act, omsatt i nationell rätt – i Tyskland som Barrierefreiheitsstärkungsgesetz. Berörda är digitalt erbjudna produkter och tjänster för konsumenter.

FallBerörd?
Webbutik för konsumenterja
Boknings- eller tidsbokningsflöde för konsumenterja
Ren företagskundtjänsti regel inte
Ren informationssida utan försäljningi regel inte
Mikroföretag vid tjänsterdelvis undantagna
Offentliga organja, redan tidigare

I Schweiz gäller lagen om likabehandling av personer med funktionsnedsättning och förpliktar framför allt offentliga organ. Den som däremot levererar till konsumenter i EU faller med det erbjudandet under EU-regleringen – frågan uppstår alltså också för schweiziska företag med EU-affärer.

De tio åtgärderna

Sorterade efter verkan per arbetsinsats. De första fem täcker erfarenhetsmässigt största delen av anmärkningarna.

1. Alternativtexter för bilder

Beskriv vad bilden betyder i sammanhanget – inte vad som syns på den. Rent dekorativa bilder får ett tomt attribut så att de hoppas över.

2. Pröva kontrasten

Minst 4,5:1 för normal text, 3:1 för stor. Berör särskilt grå hjälptexter och ljusa etiketter på färgade ytor.

3. Allt nåbart med tangentbordet

Varje funktion måste gå att sköta utan mus, i vettig ordning, utan något ställe där man fastnar. Berör framför allt menyer, överlagringar och formulär.

4. Synligt fokus

Var står tangentbordsfokus just nu? En tydligt synlig ram. Det vanligaste felet är ett outline: none i stilmallen som aldrig ersattes.

5. Etiketterade formulärfält

Varje fält behöver en kopplad label. En platshållartext räcker inte – den försvinner när man skriver och läses inte upp överallt.

6. Rubriker i ordning

En H1, därunder H2, därunder H3 – utan hopp. Uppläsningsprogram navigerar via dem; en sida utan struktur går därmed inte att överblicka.

7. Märka ut språket

<html lang> per version, främmandespråkiga avsnitt markerade var för sig. Utan den uppgiften läses texten upp med fel uttal.

8. Talande länktexter

«Läs mer» fem gånger på en sida är oanvändbart när länkar läses upp var för sig. Länktexten måste vara begriplig ensam.

9. Zoom till 200 procent

Vid förstoring får ingenting kapas eller försvinna. Berör framför allt fasta höjder och överlagringar.

10. Felmeddelanden i text

Ett rödinramat fält räcker inte – felet måste stå som text bredvid och säga vad som ska göras. Färg ensam får aldrig vara den enda informationen.

Visste du att…?

Nio av de tio åtgärderna förbättrar samtidigt möjligheten att bli hittad. Rubrikhierarki, alternativtexter, talande länktexter och utmärkt språk är samma saker som sökmotorer och svarsmaskiner behöver.

Det är ingen slump: ett uppläsningsprogram och en sökrobot står inför samma problem – de ser inte sidan, de läser dess struktur. Den som bygger för det ena har i stor utsträckning gjort det andra på köpet.

Att pröva – och vad verktyg inte hittar

Automatiska granskningsverktyg hittar enligt gängse bedömning bara en del av de faktiska problemen. Vad de hittar tillförlitligt: saknade alternativtexter, för svag kontrast, saknade fältetiketter, språkutmärkning.

Vad de inte kan hitta:

  • Om en alternativtext är meningsfull. «Bild1.jpg» klarar prövningen.
  • Om tangentbordsordningen är logisk. Finns ja, vettig nej.
  • Om en överlagring låser in fokus. Märks bara i test.
  • Om uppläsningsordningen motsvarar innebörden. Kräver ett riktigt uppläsningsprogram.
Från praktiken

Det snabbaste talande testet tar tio minuter och kräver inget verktyg: lägg undan musen och sköt sidan bara med tabb-, retur- och piltangenter. Öppna startsidan, navigera till kontaktformuläret, fyll i det, skicka.

Två saker faller nästan alltid i ögonen: fokus är osynligt på flera ställen, och en meny eller en överlagring går att gå in i men inte att lämna. Båda är allvarliga fel, båda anmäls inte av automatiska prövningar, och båda är åtgärdade på under en timme.

Tillgänglighetsredogörelsen

Berörda leverantörer måste redogöra för hur deras erbjudande uppfyller kraven. Dit hör:

  1. Läget i genomförandet – även öppet namngivna luckor.
  2. En kontaktmöjlighet för synpunkter på hinder.
  3. Datum för den senaste kontrollen.

En ärlig redogörelse med namngivna luckor och en tidsplan är därvid bättre än en som påstår fullständig efterlevnad som en prövning inte skulle bekräfta.

Prompt
Hjälp mig bedöma vad som behöver göras för vår webbplats
i fråga om tillgänglighet.

Vårt läge:
- Vad vi erbjuder: [Erbjudande]
- Säljer vi digitalt till konsumenter? [ja / nej / delvis]
- Marknader: [Länder]
- Medarbetare och årsomsättning: [Uppgift]
- Interaktiva element på sidan: [Formulär, bokning,
  butik, konfigurator, inloggning]
- Vad vi redan har genomfört: [Punkter]

Uppgifter:
1. Bedöm om och för vilka delar av vårt erbjudande
   EU-kravet torde gripa in. Nämn de punkter som tvingande
   måste bedömas av en sakkunnig.
2. Nämn bland de tio standardåtgärderna dem som är
   viktigast för våra interaktiva element, och motivera.
3. Formulera en checklista för ett tangentbordstest av vår
   sida: vilka vägar vi går igenom och vad vi ska se efter.
4. Nämn vad automatiska granskningsverktyg sannolikt
   inte skulle hitta hos oss.
5. Skissa dispositionen för en tillgänglighetsredogörelse med
   platshållare för vårt läge.

Hitta inte på paragrafer, frister eller bötesbelopp.

Slutsats

För en vanlig företagswebbplats är tillgänglighet på nivå AA inget storprojekt: tio åtgärder, varav de flesta ändå är god praxis, täcker största delen – ett arbete i storleksordningen några dagar.

Det verksammaste steget kostar ingenting alls: lägg undan musen och sköt den egna sidan en gång med tangentbordet. Det som faller i ögonen då hittar inget automatiskt verktyg – och det är oftast de allvarligaste felen.

Vanliga frågor

Vem gäller tillgänglighetskravet för?

I EU sedan den 28 juni 2025 framför allt för leverantörer som säljer digitalt till konsumenter – webbutiker, boknings- och tidsbokningsflöden. Rena företagskunderbjudanden och rena informationssidor är i regel inte berörda, mikroföretag vid tjänster delvis undantagna. Offentliga organ var förpliktade redan tidigare.

Gäller det också för schweiziska företag?

I Schweiz förpliktar lagen om likabehandling av personer med funktionsnedsättning framför allt offentliga organ. Den som däremot levererar till konsumenter i EU faller med det erbjudandet under EU-regleringen – frågan uppstår alltså också för schweiziska företag med EU-affärer.

Vilka åtgärder ger mest?

Fem täcker största delen av anmärkningarna: meningsfulla alternativtexter för bilder, tillräcklig kontrast (4,5:1 för normal text), fullständig hantering med tangentbord, en synlig fokusram och etiketterade formulärfält med kopplad label i stället för enbart platshållartext.

Räcker automatiska granskningsverktyg?

Nej, de hittar bara en del av problemen. Tillförlitligt känner de igen saknade alternativtexter, svaga kontraster och saknade fältetiketter. Vad de inte kan känna igen är om en alternativtext är meningsfull, om tangentbordsordningen förlöper logiskt eller om en överlagring låser in fokus.

Hjälper tillgänglighet även synligheten?

Ja, nio av de tio standardåtgärderna betalar direkt in på möjligheten att bli hittad. Rubrikhierarki, alternativtexter, talande länktexter och utmärkt språk är samma saker som sökmotorer och svarsmaskiner behöver – ett uppläsningsprogram och en sökrobot läser båda strukturen i stället för bilden.

Marknadsföring som sätter upp sig själv

Betan för Studio Engine är öppen. Säkra din plats och var med och forma den från början.

Delta i betan →
← Tillbaka till översikten