Experience WCAG Learning Through Gaming: Discover WCAOS

Experience WCAG Learning Through Gaming: Discover WCAOSExperience WCAG Learning Through Gaming: Discover WCAOS

The network for creativity

Join 1.25M professional creatives like you

Connect with clients, get discovered, and run your business 100% commission-free

Creatives on Contra have earned over $150M and we are just getting started

Back to feedPost

Alberto Toca

• Mar 2

WCAOS — break barriers. Fix the web WCAOS is a retro FPS in React + HTML5 Canvas — no game engine, no WebGL. Every enemy represents a WCAG violation: buttons, missing alt, low-contrast text, keyboard traps, broken ARIA, and more.

🎮 DOOM-style raycasting in pure Canvas - 10 enemy types based on the WebAIM Million 2024 report

🌍 10 languages (EN, ES, ZH, HI, FR, AR, BN, PT, RU, UR) - Colorblind mode, reduced motion, aria-live announcements

📖 Bestiary with progressive lore & real statistics - Daily & Weekly challenge seeds with global leaderboard

💀 WCAG Facts on every death - NG+ system, 5 character classes, Hardcore mode

Play it, die to a <div> button, and learn why native HTML matters.

File

accessiblity wcag figmamakeathon

Mar Ramos Sánchez

• 2d

Awesome!

Rudy Agnel

• Feb 27

It’s been a long time coming, but I’m finally back Participating in the Figma X Contra Challenge. #FigmaMakeathon

This is an AR Piano. The goal was simple: make music accessible. Using your camera, you can interact with a virtual keyboard in real-time. Whether you're a virtuoso or just want to make some noise, it's ready for you.

Check it out and let me know what you think: https://jam-open-06670559.figma.site

figmamakeathon

Kristine Vilnite

max

• Feb 28

This is soo awwesooome!! 🎼 🎹 🤍

Atul L Ranjan

pro

• Feb 27

𝐀𝐝𝐝𝐞𝐝 𝐚 𝐥𝐞𝐚𝐝𝐞𝐫𝐛𝐨𝐚𝐫𝐝 𝐟𝐨𝐫 𝐓𝐲𝐩𝐞 𝐑𝐨𝐜𝐤𝐞𝐭 𝐅𝐢𝐠𝐦𝐚 𝐌𝐚𝐤𝐞𝐚𝐭𝐡𝐨𝐧! Type faster than me! Try and beat me, its a challenge!😂

Added a leaderboard for TypeRocket, my project built with @Figma Make for the Figma Makeathon on @Contra HQ. I'm surprised how great Figma Make is, and I am regularly trying to push it to the limits, does not disappoint!

Link: https://blurb-race-43109485.figma.site/

#FigmaMakeathon

figmamakeathon

Atul L Ranjan

pro

• Feb 27

Leaderboard growing, but still unbeatable! 🚀

Charlota Blunárová

• Feb 27

I built a multiplayer embroidery sampler for the internet. It's called Common Thread. It's the first thing I've ever vibecoded with Figma Make! Try it here! https://volt-harp-38332355.figma.site/ A sampler is a piece of fabric where you practice and collect different stitches — a reference guide and playground in one. They were meant to be passed between hands and added to over time. Common Thread is that, but the fabric is infinite, the UI is whimsical, and the hands are anonymous. Every visitor gets a patch on a shared canvas. You pick a thread color, choose a stitch type, and craft your art. The part I love most: you can snap any section with a draggable embroidery hoop and export it, framed. i love how Figma Make is a kind of tool that lets you focus on what something should feel like, not how to ship it. <3