Skip to main content

​
Komo Cards + Accessibility

Komo Engagement OS offers a wide range of interactive cards—such as quizzes, polls, Scratch and Win, Memory Challenge, and more—that can create fun and engaging experiences. But not every card is equally accessible. This guide helps you understand which Komo cards are fully accessible and which ones have limitations. It also provides practical tips for configuring each card to ensure your experience is inclusive for all users—whether they’re using a keyboard, screen reader, or other assistive technology.

​
Accessible Card Types

Displays a standalone image, optionally paired with a button to guide users to other content.Best practices:
  • Use descriptive alt text for the image to convey its meaning
  • Button labels should clearly state what happens when clicked (e.g. “Enter Now” or “See Details”)
  • Avoid embedding key information inside images
Prompts users to answer a question in 20 words or less using a simple text input.Best practices:
  • Provide clear written instructions or prompts
  • Use high-contrast text over background
  • Any accompanying images should have alt text
Allows users to enter a code to unlock hidden content or rewards. The input field is screen reader accessible.Best practices:
  • Use clear instruction text to explain the action
  • Avoid embedding instructions in images
Presents one or more questions with multiple-choice answers, sometimes with scoring.Best practices:
  • Questions and answers should be written in text, not images
  • Images used to support a question should have alt text
  • Keyboard navigation is supported
  • Results are announced by screen readers
Presents users with a series of questions to determine a personality type, product match, or category result.Best practices:
  • All questions and answer options should be written in plain text
  • Avoid using only images to convey questions or outcomes
  • Add alt text for any illustrations or character graphics
  • Keyboard navigation is supported throughout the experience
  • Results are displayed on screen and announced by screen readers
  • Use clear headings for readability
Gathers audience opinion using single or multiple selections.Best practices:
  • Use text-based options and ensure questions are clearly phrased
  • Keyboard navigation is supported throughout the experience
  • Results are announced by screen readers
Users swipe left or right to indicate preference (e.g. like/dislike).Best practices:
  • Provide clearly labeled left and right buttons as an alternative to swiping
  • Avoid relying on gesture-only input
  • Screen reader users will hear the selected option before confirming
Users scratch a surface to reveal a prize.Best practices:
  • A “Reveal” button is available for users who can’t scratch
  • Results are read aloud by screen readers
  • Text descriptions of prizes should be included alongside visuals
Users spin a virtual wheel to receive a prize or message.Best practices:
  • Users can trigger the spin with the keyboard
  • Outcome is read aloud by screen readers
  • Keep on-screen labels short and descriptive
Users must watch a video to enter or claim a reward.Best practices:
  • Captions should be enabled for all videos.
  • Playback controls work via keyboard.
  • Instructions should explain what happens after the video.
Encourages users to discover content or complete a challenge.Best practices:
  • All hints and instructions should be presented as text.
  • Avoid image-only clues.
  • Progress is trackable with keyboard and screen reader support.
User guesses a number using a slider or input field.Best practices:
  • Use clear labels to explain the number range.
  • Ensure the context of the guess is explained (e.g. closest guess wins).
  • Visual cues should be paired with text.
Allows users to cast a single vote on a question or prompt.Best practices:
  • All images should include alt text.
  • Vote options should use clear, concise language.
  • Users can navigate carousel slides using visible buttons.
  • Keyboard navigation is supported for navigating vote items.
  • Users receive an on-screen confirmation message after submitting.
Lets users upload media like photos and videos.Best practices:
  • The image above the upload should have alt text.
  • The upload button has information set for assistive technologies, including upload limits.
  • Keyboard navigation is supported (Enter and Space) to open the file upload.
  • Confirmation appears after a successful upload.
Allows users to upload a receipt for validation.Best practices:
  • The image above the upload should have alt text.
  • The upload button has information set for assistive technologies, including upload limits.
  • Keyboard navigation is supported (Enter and Space) to open the file upload.
  • Confirmation appears after a successful upload.
Embeds a Spotify player to play a track or playlist.Best practices:
  • Keyboard navigation is supported.
  • Inform users that playback controls are available.
  • Add context text explaining what to listen for or why it matters.
Displays an embedded YouTube video.Best practices:
  • Captions should be turned on by default if possible.
  • Controls can be used with a keyboard.
  • Avoid setting videos to autoplay.
Displays social media content in a feed or post format.Best practices:
  • Not all embeds are fully accessible—avoid using them as the only source of important content.
  • Add a short summary or explanation next to the embed.
  • Ensure the embed doesn’t interrupt the experience flow.

​
Cards That Have Accessibility Challenges

The below cards have accessibility limitations and we do not recommend them for inclusive user experiences.
A real-time quiz where players must respond within a countdown.Best practices:
  • Requires fast, visual interaction.
  • Timers cannot be paused or extended.
  • Screen readers and slower users may not keep up.
  • Better alternatives include simple quizzes.
Users submit predictions for future outcomes by answering questions.Best practices:
  • Not completely accessible for keyboard or screen reader currently, ongoing work is being conducted to improve accessibility with this card.
  • Better alternatives include simple quizzes and number guess.
Users match image pairs under time pressure.Best practices:
  • Requires fast, visual interaction.
  • Timers cannot be paused or extended.
  • Not accessible for keyboard or screen reader users.
  • Better alternatives include simple quizzes and polls.
A visual selection interface with interactive mechanics.Best practices:
  • Heavy visual experience that has limited keyboard support currently.
  • Screen reader support is currently limited.
  • Better alternatives include simple quizzes and polls.

​
Need Help?

Not sure which card to use? Want help reviewing your experience for accessibility? Reach out to [email protected] and we’ll be happy to assist you.