Skip to main content

Accessibility Standard

How to Ensure Your Confetti Site Meets WCAG and European Accessibility Standards

Written by Daniel Ohlsson 🇸🇪 🇬🇧

Confetti makes it easy to create event pages that meet the Web Content Accessibility Guidelines (WCAG 2.1 AA), the international standard for accessible websites that is also referenced by the European Accessibility Act (EAA).
​

What is WCAG?

WCAG is a set of guidelines that make websites usable for everyone, including people with visual, hearing, motor, or cognitive impairments. In practice, it's about things like readable colors and contrast, clear text and headings, images that screen readers can describe, and pages that work with a keyboard.

What Confetti takes care of

Out of the box, Confetti's event pages are built to meet WCAG 2.1 AA. If you make a change that breaks the guidelines, such as picking colors with too little contrast, Confetti shows you a warning so you can fix it right away.

What you need to think about

Some parts of accessibility depend on your content, and only you can get them right. Confetti gives you the tools, and these are the things to keep in mind.

Use high-contrast colors

Under 'Pages' > 'Design' > 'Advanced Colors', Confetti warns you if your colors don't meet the contrast requirements, for example: "Increase contrast with primary color to comply with WCAG AA standard." Pick combinations that are easy to read, like dark green on white.

Add alt text to images

Alt text lets screen readers describe your images to visually impaired visitors. Hover over the image, click the three-dot menu, choose 'Edit alt text', write a short description (e.g. "Sunflower in a field"), then close the dialog and click Save.

Structure your text

Use the built-in formatting tools for headings and lists instead of formatting text manually. This helps screen readers present your content in a logical order.

Write clear titles and text

Give each page a descriptive title rather than generic ones like "Home" or "Start," and avoid vague links like "Click here."

Make sure your logo is readable

Check that your logo stands out clearly against the background.

Need help?

If you're unsure whether your page is accessible, contact support and we'll help you out.

Did this answer your question?