Komo offers a wide range of interactive cards—such as quizzes, polls, scratch-and-wins, memory games, and more—that can create fun and engaging experiences. But not every card is equally accessible.
Komo Cards + Accessibility
Komo offers a wide range of interactive cards—such as quizzes, polls, scratch-and-wins, memory games, 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.
This guide shows you how to make sure everyone can participate, whether they're navigating with a keyboard, using assistive technology, or simply need a more inclusive interface.
Accessible Card Types
Banner
A static, full-width visual card typically used for branding, announcements, or setting a tone for the hub.
- Alternative text should describe the purpose of the image.
- Place key messages in readable, overlaid text instead of embedding in the image.
- Keep visual contrast strong between text and background.
Image & Image with Button
Displays a standalone image, optionally paired with a button to guide users to other content.
- 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.
20 Words or Less
Prompts users to answer a question in 20 words or less using a simple text input.
- Provide clear written instructions or prompts.
- Use high-contrast text over background.
- Any accompanying images should have alt text.
Secret Code
Allows users to enter a code to unlock hidden content or rewards.
- The input field is screen reader accessible.
- Use clear instruction text to explain the action.
- Avoid embedding instructions in images.
Quizzes
Presents one or more questions with multiple-choice answers, sometimes with scoring.
- 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.
Personality Test
Presents users with a series of questions to determine a personality type, product match, or category result.
- 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.
- Results are announced by screen readers.
Polls & Multi-Polls
Gathers audience opinion using single or multiple selections.
- Use text-based options and ensure questions are clearly phrased.
- Keyboard navigation is supported throughout the experience.
- Results are announced by screen readers.
Swiper
Users swipe left or right to indicate preference (e.g. like/dislike).
- 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.
Scratch-and-Win
Users scratch a surface to reveal a prize.
- 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.
Spin-to-Win
Users spin a virtual wheel to receive a prize or message.
- Users can trigger the spin with the keyboard.
- Outcome is read aloud by screen readers.
- Keep on-screen labels short and descriptive.
Watch-to-Win
Users must watch a video to enter or claim a reward.
- Captions should be enabled for all videos.
- Playback controls work via keyboard.
- Instructions should explain what happens after the video.
Treasure Hunt
Encourages users to discover content or complete a challenge.
- All hints and instructions should be presented as text.
- Avoid image-only clues.
- Progress is trackable with keyboard and screen reader support.
Number Guess
User guesses a number using a slider or input field.
- 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.
Carousel
Displays a set of rotating content or images.
- All images should include alt text.
- Users can navigate carousel slides using visible buttons.
- Keyboard navigation is supported for navigating carousel slides.
Vote
Allows users to cast a single vote on a question or prompt.
- 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.
User Generated Content (UGC) Upload
Lets users upload media like photos and videos.
- 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.
Receipt Upload
Allows users to upload a receipt for validation.
- 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.
Spotify Embed
Embeds a Spotify player to play a track or playlist.
- Keyboard navigation is supported.
- Inform users that playback controls are available.
- Add context text explaining what to listen for or why it matters.
YouTube Embed
Displays an embedded YouTube video.
- Captions should be turned on by default if possible.
- Controls can be used with a keyboard.
- Avoid setting videos to autoplay.
Facebook, Instagram, TikTok & X Embeds
Displays social media content in a feed or post format.
- 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.
Live Trivia
A real-time quiz where players must respond within a countdown.
- Requires fast, visual interaction.
- Timers cannot be paused or extended.
- Screen readers and slower users may not keep up.
- Better alternatives include simple quizzes.
Live Predictor
Users submit predictions for future outcomes by answering questions.
- 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.
Memory Challenge
Users match image pairs under time pressure.
- 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.
Picker
A visual selection interface with interactive mechanics.
- 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 support@komo.tech and we’ll be happy to assist you.