A11yBonjour

A gentle navigation for everyone

A11Y → A-11 letters-Y → Accessibility

"Bonjour", a French touch of accessibility for all

Design for the forgotten ones.

Accessible demos

Three small accessible examples to show HTML/ARIA, mobile-first CSS (light/dark), and JS with local storage.

Mini weather app

Keyboard and screen reader navigation; small local storage and respect of reduced-motion.

To-do list

Semantic list roles, labels, focus; tasks persisted (localStorage).

Site audit (anonymized)

Mini a11y review: regions, headings, contrast, navigation, form labels.

Mini weather app

Accessible widget (keyboard + screen reader). Demo below.

Enter a city name then submit.

To-do list

Semantic list roles, focus handled, tasks persisted (localStorage).

    A11Y Audit — LGBTQIA+ media (anonymized)

    Date: September 23, 2025 — Method: manual tests (keyboard, VoiceOver), DOM inspection, quick checks (contrast, headings, ARIA).

    Key features (coming soon)

    • Reading mode
    • Mental break button
    • Persistent profiles

    Our approach

    Human-centered design, user testing and privacy-by-default. This prototype is our learning workshop.

    A pink circle, a white globe: a deliberate simplicity. Behind the clear form, a story of inclusivity and openness, with visual accessibility and minimalism at the core. Inspired by two icons: unapologetic freedom and tender honesty. A manifesto against judgment — from others, society, and ourselves.

    It also signals my cosmopolitan personality and remote work, through a united and connected world. 🌍✨

    Think in complex, ship in simple, keep humans at the center.

    A subtle Memphis A11Y easter egg links the logo to the pink sound, like a calm and playful touch. 🎵🌸

    Leave your email to be notified of updates.