Créer un site de podcast accessible et souverain : Hugo, ALTCHA et souveraineté numérique

Retour d’expérience sur la création d’un site de podcast accessible, hébergé en Europe, avec démo VoiceOver

Aujourd’hui, je vous présente la création de mon site internet : unmirodanslaville.frUn épisode un peu technique, mais rassurez-vous, j’ai vulgarisé au maximum pour que tout le monde puisse comprendre mes choix et pourquoi je les ai faits.

Pourquoi créer un site en 2025 ? Parce que je voulais un endroit où je garde le contrôle de mes données, sans publicité, accessible à tous, et où vous pouvez : - Retrouver tous les épisodes de podcast - Lire des articles de blog - Commenter (même sans compte Spotify ou Apple Podcasts) - Vous inscrire à une newsletter mensuelle.

Mes choix techniques :

• Hugo : un générateur de sites statiques qui me permet d’écrire mes articles en Markdown. Simple, rapide, et surtout : facile à maintenir au quotidien.
• Markdown : un langage de balises hyper simple. Un dièse = titre niveau 1, deux dièses = titre niveau 2, etc. Parfait pour structurer mes contenus sans me prendre la tête.
• Comentario : système de commentaires open source, hébergé sur mon VPS. Vos commentaires ne partent pas chez Google, Facebook ou Amazon. Tout reste sur mon serveur en Allemagne.
• ALTCHA : un CAPTCHA accessible, projet européen (République tchèque). Fini les “cliquez sur les feux rouges” impossibles à valider au lecteur d’écran. Ici, vous cochez “Je ne suis pas un robot”, votre ordinateur résout un petit calcul en 1-2 secondes, et c’est bon. Les bots, eux, se prennent des heures de calcul dans la figure. Génial, non ?
• ListMonk : newsletter auto-hébergée. J’écris en Markdown, j’ai mon template HTML, et je garde le contrôle total de vos adresses mail.
• Mailgun : pour l’envoi d’emails. Origine américaine mais racheté par une boîte suédoise, donc ça reste en Europe.
• Hébergement : VPS chez Hetzner, basé à Nuremberg en Allemagne. 4-5€/mois. Tout reste en Europe.

L’accessibilité au cœur du projetJe vous fais une démo en direct avec VoiceOver pour vous montrer comment le site est structuré. Navigation par titres, barre de menu, champ de recherche, formulaire de contact… Tout est accessible.Parce que ça serait quand même idiot de faire un podcast sur l’accessibilité avec un site inaccessible, non ?

La souveraineté numériqueToutes vos données (commentaires, adresses mail, etc.) sont hébergées sur mon serveur en Allemagne. Pas chez Google, pas chez Amazon, pas chez Meta. RGPD respecté, politique de confidentialité transparente.Le seul élément qui n’est pas encore en Europe, ce sont mes DNS (chez Cloudflare), mais je suis en train de tester Infomaniak (Suisse).

Le formulaire de contact avec ALTCHAJe vous montre en direct comment fonctionne ce CAPTCHA accessible. C’est transparent pour vous, mais ça bloque les bots qui viennent spammer. Le principe est brillant : au lieu de vous embêter, c’est le bot qui se prend des heures de calcul.

Temps de travailEnviron 50 heures au total. Pas énorme, mais intense. Des journées de 15h parfois, parce que j’étais passionné par le projet et que je voulais résoudre les problèmes.

Me soutenirSi vous voulez aider le podcast, trois moyens simples :

1.  Partager et commenter les épisodes (gratuit et super utile)
2.  Laisser un avis sur Apple Podcasts ou Spotify
3.  Faire un don via PayPal sur unmirodanslaville.fr/me-soutenir (uniquement si vous le pouvez - même 2€/mois aident à couvrir les frais de serveur et développer de nouveaux contenus).

N’hésitez pas à me faire des retours !Le site est tout neuf. Si vous trouvez des choses à améliorer, dites-le moi avec bienveillance. Je suis ouvert aux suggestions !

Durée : 26 minutes

Ressources mentionnées : 

• Site web : https://unmirodanslaville.fr -
• Hugo : https://gohugo.io -
• Comentario : https://comentario.app -
• ALTCHA : https://altcha.org -
• ListMonk : https://listmonk.app -
• Mailgun : https://www.mailgun.com -
• Hetzner : https://www.hetzner.com
• Me contacter : - Formulaire : https://unmirodanslaville.fr/
• contact - Email : [email protected]

Me soutenir : - Partager l’épisode - Laisser un avis 5⭐ - Don PayPal : https://unmirodanslaville.fr/me-soutenir

Merci de votre écoute et à très bientôt dans Un Miro dans la Ville !