> ## Documentation Index
> Fetch the complete documentation index at: https://knowledge.komo.tech/llms.txt
> Use this file to discover all available pages before exploring further.

# Accessibility on Komo Engagement Engine: A Quickstart Guide

> Learn how to build inclusive digital experiences with Komo Engagement Engine that are accessible to users of all abilities

## Overview

Accessibility ensures your digital experiences are inclusive, easy to navigate, and usable by everyone—including people with disabilities. Whether you're creating a prize draw, running a poll, or building an engagement site, making your experience accessible improves usability for all and is often a legal requirement in many regions.

This guide provides an overview of how Komo Engagement Engine supports accessibility and the steps you can take to build inclusive, engaging experiences from day one.

## Accessibility by Default in Komo Engagement Engine

Komo Engagement Engine comes pre-equipped with foundational accessibility features:

* **Semantic HTML structure** for screen readers
* **Keyboard navigability** across standard components
* **High-contrast theme options**
* **Accessible form elements**
* **ARIA labels** on interactive components like buttons and modals

These features are automatically applied, but their effectiveness depends on how you customize your content.

## Your Role: Making it Work for All

As a creator, your input can either enhance or undermine accessibility. Here's what you can do:

| Area                  | What to Do                                                                                         |
| --------------------- | -------------------------------------------------------------------------------------------------- |
| **Text**              | Use clear, concise language. Avoid overly decorative fonts.                                        |
| **Images**            | Include meaningful alt text where possible, especially for logos and prize visuals.                |
| **Color**             | Ensure sufficient contrast between text and background. Avoid using color alone to convey meaning. |
| **Interactive Cards** | Keep instructions simple. Label buttons clearly. Test with just a keyboard.                        |
| **Videos**            | Add captions if the content is necessary for understanding the experience.                         |

<Check>
  ## Quick Checklist

  Before launching your campaign, ask yourself:

  * Can users navigate this site using only a keyboard?
  * Are headings and labels clear and consistent?
  * Does all text have good contrast against the background?
  * Can screen reader users understand what's going on?
  * Have I avoided flashing visuals that could cause discomfort?
</Check>

<Tip>
  ## Pro Tips for Testing Accessibility

  You don't need to be a developer to check your work. Try:

  * **WAVE by WebAIM** - Free web accessibility evaluation tool
  * **Chrome's built-in Lighthouse accessibility audit**
  * **Manual keyboard testing** - Using only your keyboard (Tab, Shift+Tab, Enter) to test flows
  * **Screen reader testing** - Listening with a screen reader like NVDA (Windows) or VoiceOver (Mac)
</Tip>

<Tip>
  ## Who Benefits?

  Accessibility helps more people than you might think:

  * Users with visual, motor, auditory, or cognitive impairments
  * People on older devices or slow internet connections
  * Multilingual users or those unfamiliar with digital formats
  * Anyone using your experience in a noisy, low-light, or rushed environment
</Tip>