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.
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.
| Fall | Berörd? |
|---|---|
| Webbutik för konsumenter | ja |
| Boknings- eller tidsbokningsflöde för konsumenter | ja |
| Ren företagskundtjänst | i regel inte |
| Ren informationssida utan försäljning | i regel inte |
| Mikroföretag vid tjänster | delvis undantagna |
| Offentliga organ | ja, 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.
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:
- Läget i genomförandet – även öppet namngivna luckor.
- En kontaktmöjlighet för synpunkter på hinder.
- 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.
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 →