Hoppa till huvudinnehåll

Tillgänglighetsdirektiv

Hur du säkerställer att din Confetti-sida uppfyller WCAG och europeiska tillgänglighetsstandarder

Skrivet av Daniel Ohlsson 🇸🇪 🇬🇧

Confetti gör det enkelt att skapa eventsidor som uppfyller Web Content Accessibility Guidelines (WCAG 2.1 AA), den internationella standarden för tillgängliga webbplatser som även hänvisas till i European Accessibility Act (EAA).
​

Vad är WCAG?

WCAG är en uppsättning riktlinjer som gör webbplatser användbara för alla, även för personer med syn-, hörsel-, motoriska eller kognitiva funktionsnedsättningar. I praktiken handlar det om sådant som läsbara färger och kontraster, tydlig text och tydliga rubriker, bilder som skärmläsare kan beskriva och sidor som går att använda med tangentbord.

Det här tar Confetti hand om

Confettis eventsidor är från början byggda för att uppfylla WCAG 2.1 AA. Om du gör en ändring som bryter mot riktlinjerna, till exempel väljer färger med för låg kontrast, visar Confetti en varning så att du kan åtgärda det direkt.

Det här behöver du tänka på

Vissa delar av tillgängligheten beror på ditt innehåll, och det är bara du som kan få dem rätt. Confetti ger dig verktygen, och här är det du ska ha i åtanke.

Använd färger med hög kontrast

Under 'Pages' > 'Design' 'Advanced colors' varnar Confetti dig om dina färger inte uppfyller kontrastkraven, till exempel: ”Öka kontrasten mot primärfärgen för att uppfylla WCAG AA-standarden.” Välj kombinationer som är lätta att läsa, som till exempel mörkgrönt på vitt.

Lägg till alternativtext till bilder

Med alternativtext kan skärmläsare beskriva dina bilder för besökare med synnedsättning. Håll muspekaren över bilden, klicka på menyn med tre punkter, välj 'Edit alt text', skriv en kort beskrivning (t.ex. ”Solros på ett fält”), stäng sedan dialogrutan och klicka på Spara.

Strukturera din text

Använd de inbyggda formateringsverktygen för rubriker och listor i stället för att formatera texten manuellt. Det hjälper skärmläsare att presentera ditt innehåll i en logisk ordning.

Skriv tydliga rubriker och texter

Ge varje sida en beskrivande titel i stället för allmänna titlar som ”Hem” eller ”Start”, och undvik vaga länktexter som ”Klicka här”.

Se till att din logotyp är läsbar

Kontrollera att din logotyp syns tydligt mot bakgrunden.

Behöver du hjälp?

Om du är osäker på om din sida är tillgänglig kan du kontakta supporten, så hjälper vi dig.

Fick du svar på din fråga?