Att säkerställa att digitala tjänster och eventlösningar är tillgängliga för alla användare är en viktig del av en inkluderande och modern eventupplevelse. Vi har tagit fram en checklista med syftet att hjälpa våra kunder att uppnå kraven i EU:s tillgänglighetsdirektiv (European Accessibility Act) genom vägledning och rekommendationer baserade på etablerade riktlinjer som WCAG (Web Content Accessibility Guidelines). EU:s tillgänglighetsdirektiv antogs i april 2019 och ska tillämpas i alla EU:s medlemsländer från och med den 28 juni 2025.

Ladda ner vår checklista genom att klicka på knappen nedan. Den är utformad för att hjälpa dig säkerställa efterlevnad av EU:s tillgänglighetsdirektiv.

‍

Vad du behöver tänka på

Strukturerad och tydlig innehållshantering

• Rubriker: Använd en logisk rubrikstruktur där det endast finns en huvudrubrik (H1) per sida. Du kan använda flera underrubriker såsom H2 och H3 på samma sida.
• ‍Hierarki: Följ en tydlig ordning på dina rubriker från H1 till H2, H3 osv. för att förbättra läsbarheten och underlätta för skärmläsare.
• ‍Beskrivande texter: Se till att alla texter är informativa och kontextuellt relevanta.

Alt-texter och länkhantering

• Bilder: Ge alla bilder en meningsfull alt-text som beskriver deras funktion snarare än bara innehållet. Dekorativa bilder bör lämnas utan alt-text (alt="").
  
• Länkar: Använd beskrivande länktexter som tydligt anger vart de leder. Undvik generiska texter som "klicka här", använd istället mer utförliga och tydliga länktexter såsom ”Klicka här för att läsa om nya direktiven”.

Multimedia och alternativa format

• Video och ljud: Tillhandahåll undertexter, transkriptioner eller textalternativ för alla ljud- och videofiler. ‍
• Text i bilder: Undvik att bädda in viktig text i bilder. Använd istället HTML och CSS för att säkerställa att texten är läsbar och anpassningsbar.

Färger och kontraster

• Kontrastförhållanden: Text ska ha minst 4,5:1 i kontrast mot bakgrunden (3:1 för stor text) enligt WCAG-kraven.
• ‍Verktyg för test: Du kan själv kontrollera kontrasten med verktyg som WebAIM Contrast Checker.

Vad vi säkerställer

Semantisk HTML och teknisk tillgänglighet

• Strukturerad HTML: Vi implementerar en korrekt HTML-struktur med semantiska element och för att förbättra navigeringen och kompatibiliteten med hjälpmedel.

Formulär och interaktiva element

• Tillgängliga formulär: Vi ser till att alla formulär har korrekt märkning, tydliga felmeddelanden och är fullt användbara med tangentbord och skärmläsare.
• ‍Interaktiva element: Vi implementerar synliga fokusindikatorer och logisk tabb-ordning för knappar och länkar.

Responsiv design och enhetstillgänglighet

• Anpassad layout: Vi ger dig verktygen för att din webbplats ska vara anpassad på alla enheter och skärmstorlekar med förvalda storlekar och layouts. ‍
• Zoom och skalbarhet: Inga designelement förhindrar inzoomning eller textförstoring.

ARIA och ytterligare optimeringar

• ARIA-attribut: Där det behövs använder vi ARIA-attribut för att förbättra förståelsen av dynamiska element för hjälpmedel. ARIA (Accessible Rich Internet Applications) är en uppsättning attribut som gör webbplatser mer tillgängliga för personer som använder skärmläsare eller andra hjälpmedel.
• ‍Kodstandarder: Vi följer WCAG-riktlinjer och ser till att sidan valideras enligt aktuella tillgänglighetskrav.

Sammanfattning

Ditt ansvar som innehållsansvarig

• Använd en logisk rubrikstruktur och beskrivande texter.
  
• Lägg in alt-texter för relevanta bilder och skriv tydliga länktexter.
  
• Tillhandahåll textalternativ för multimedia.
• Säkerställ god kontrast mellan text och bakgrund.

Vårt ansvar som leverantör

• Implementera en semantiskt korrekt HTML-struktur.
• Skapa tillgängliga formulär och interaktiva element.
• Säkerställa responsiv design och en god användarupplevelse på alla enheter med färdiga storlekar och layouts.
• Optimera sidan med ARIA och andra tekniska förbättringar.