C'est une ascension de onze kilomètres sur une route empruntée par des voitures mais sans trop. On a opté pour des chemins de traverses entre Bourdeaux et Saoû : en passant par les très beau villages du Poët-Célard et de Francillon-sur-Roubion. Ça rallongeait et rajoutait du dénivelé (presque quatre-cent mètres) mais ça vallait le détour en cette saison.

On craignait le trafic important entre Saoû et Crest après 17h. On a alors opté pour un autre chemin de traverse, par la Répara-Auriple.

C'était la balade avec le plus de dénivelé en une journée. Je suis content de voir que j'avais encore de l'énergie en fin de journée. Et surtout, quel régal visuel tout au long du périple.

La lecture de l'article making emojis and icons screen reader accessible m'a fait agir dessus sur ce blog avec l'extension markdown-it-emoji.

J'ai suivi la documentation pour rendre l'affichage accessible.

Ainsi, le raccourci textuel :pray: est converti en :

<span class="emoji emoji--pray" aria-hidden="true">🙏</span>

Il a fallu plonger dans les entrailles du fonctionnement de markdown-it pour que chaque émoji existante soit elle aussi, convertie dans un code similaire.

J'ai créé une règle qui est insérée avant l'extension émojis pour convertir chaque émoji (unicode) en raccourci textuel d'émoji :

1. on parcourt chaque jeton markdown de type inline ;
2. on vérifie la présence d'une émoji (via leur classe Unicode d'expression régulière) ;
3. on remplace chaque occurence par son raccourci textuel.

Le code complet est disponible sur GitHub.

Tout autre émoji décoratif (comme dans cette entrée de journal par exemple) est masquée aux lecteurs d'écran avec aria-hidden="true" :

<h1 id="post-title">
  <span aria-hidden="true">☕️</span>
  Journal : Émojis accessibles
</h1>

Je n'ai pas eu à reprendre les vingt années de contenus pour y arriver. La lecture d'une issue GitHub, d'une proposition de code et le code d'autres extensions markdown m'ont aidé à mettre en place les mécanismes ci-dessus.

Un lieu m'intrigait depuis plusieurs années : le col Jérôme Cavalli. Je ne savais pas à quoi ressemblait le paysage d'un endroit dont je voyais la signalétique mais rien de plus.

Alors, c'est l'occasion d'un détour… et d'un bon et long dénivelé.

Le trajet était pastoral et fleuri depuis la sortie de Chabeuil par les petites routes. Avec des senteurs de glycines près des maisons et de bruyères dans la lente ascension.

La route était tranquille et peu fréquentée : j'y ai croisé davantage de cyclistes que de voitures.

Et c'est une chose que j'adore avec cet apprentissage ouvert : on sait à peu près par où on commence, on a une petite idée d'où on veut aller mais le chemin est imprévisible.

Je tente un audit d'accessibilité après l'ajout d'une carte basée sur MapLibreGL et :

1. le titre par défaut du composant est en anglais : je souhaite le personnaliser en français ;
2. mais il manque un rôle au composant (image, région ou application par exemple) ;
3. et je découvre un audit d'accessibilité daté de 2021 qui révèle d'autres points d'amélioration (structure hiérarchique, alternative textuelle à des symboles, taille minimale des zones de clic).

Je me suis proposé pour prendre en charge ces corrections.
De manière égoïste parce que j'aimerais que les cartes de mon carnet web soient accessibles (une des intentions de la refonte 3.0).
Et aussi pour que les cartes interactives basées sur MapLibreGL le deviennent, accessibles, sans grand effort supplémentaire.

J'envisage une amélioration progressive de ce composant en expérimentant avec le composant <is-land> :

• utilisation d'une image légère, statique pour représenter la carte ;
• un bouton d'activation d'interactivité qui charge deux à trois cent kilo-octets d'interactivité.

J'envisage aussi de donner accès au téléchargement des tracés, pour le récupérer sur un autre appareil. C'est un des bénéfices des données interopérables. Et de leur attribuer une licence, pour rendre explicite leur source/origine/conditions de réutilisations.

J'en avais envie et besoin.
Envie car ça faisait longtemps que je n'avais pas fait de vélo à la journée, sur une longue distance (cent kilomètres ça commence à faire long pour mon niveau).
Besoin car il y a un genou à remuscler après une entorse en février.

J'aime bien les différents segments paysagers de ce parcours : des tunnels forestiers, de la loooooongue ligne droite en bord de Rhône (avec toutes ses infrastructures hydroélectriques — barrages et centrales nucléaires), des zones maraichères, des vis à vis industriels (pétrochimie, usines à papier, etc.).

Dans les deux sacoches :

• quelques vivres sucrées pour tenir la route ;
• une poche à eau (vide) de trois litres ;
• une gourde à eau de un litre ;
• du rechange pour 4 jours (dans des cubes de rangement, comme ça c'est facile à sortir/ranger) ;
• serviette de bain et trousse de toilette ;
• un sac à dos léger de travail (ordinateur, pochettes à câbles, carnet, trousse) ;
• de la place pour peut-être revenir avec quelques affaires en plus.

Enlever les styles de présentation, c'est rendre visibles l'ordre de lecture, la structure de page, l'ordre de tabulation et les intitulés de liens.

Ça m'a aidé à corriger la hiérarchie des titres, éparses et inégales entre les textes produits en vingt ans (!). Mais aussi à sectionner et à étiqueter chacune des zones.

Eleventy / Build Awesome propose deux mécanismes pour se brancher sur le contenu :

• le parseur Markdown
• les transformations HTML

De quoi ajouter automatiquement des attributs aux liens, images ou autre qui seraient fastidieux à faire à la main.

Le déplacement des répertoires et fichiers a été minimal. L'effort principal a été de séparer les entrées de journal des billets longs. C'était un travail manuel mais facile et rapide à distinguer.

Une paire de rechercher/remplacer ont suffi à actualiser les métadonnées des fichiers texte.

L'ajout de métadonnées dynamiques était facile grâce au système données calculées.

La génération de vignettes / images aux bonnes dimensions a été facilité avec le module Image. Chose que je faisais initialement en lançant un script maison.

L'organisation en collections rend très facile leur utilisation et ventilation en plusieurs pages. J'avais envie d'aller au-delà de "simples" pages de listing, de mettre en avant les séries d'article et de les regrouper quand et où je voulais.

Au final, au doigt mouillé, je dirais qu'il y a moins de bidouilles et moins de code pour aboutir à un résultat similaire. Et j'avoue, qui renouvelle mon enthousiasme à écrire/publier sur ce carnet.

Comme quoi, un bon stylo outil contribue au plaisir de l'utiliser.

En 2026 j'ai la même intention : avoir un même site pour tout. Et une seule base de code d'écrits et de photographies.

C'est fait. En remplaçant Hexo par Eleventy Build Awesome.

Les autres écrits viendront souligner les aspects de la refonte au fur et à mesure qu'elle se produit sous vos yeux ébahis.

Travailler sur la campagne municipale avec la liste AVEC m'a beaucoup fait regarder les noms de rue. Les sillonner en porte à porte m'a fait découvrir les noms des anciens maires. Déménager m'a fait découvrir l'histoire de la statue de l'insurgé.

Ça donnerait quoi, si à Crest on se posait la questions des noms des voies ? J'importe la base adresse dans un tableur collaboratif et après avoir parcouru les 446 rues et lieux-dits, on arrive à ces chiffres :

• 35% des voies sont nommées d'après une personne
• 92% de ces personnes sont des hommes cisgenre
• la moitié des noms de femme sont des saintes de la religion chrétienne

Elles sont où ces rues ?

C'est là que je tombe sur EqualStreetNames — une initiative pour aboutir à des statistiques similaires mais en utilisant les étiquettes OpenStreetMap. Ces étiquettes font référence à la fiche Wikipedia d'une personne, dont on peut inférer le genre.

Recette des pâtes préférées de ses enfants :

1. Tremper des spirales trois couleurs dans de l'eau bouillante.
2. Attendre huit minutes.
3. Les égoutter.
4. Remettre les pâtes dans la casserole avec de la crème fraîche, de l'emmental (plus il y en a, plus ils aiment) et quelques pincée d'estragon.
5. Touiller jusqu'à ce que le mélange soit fondu de manière homogène
6. Mais pas trop fort et pas trop longtemps, sinon ça accroche le fond de la casserole.

Elle est accoudée religieusement le samedi matin à la table de la cuisine pour écrire la liste de courses :

• Des tomates, des œufs.
• Des pommes de terre, de l'ail.
• Du fromage, du pain.
• Des saucisses du charcutier près de la Poste.
• Quelques nems avec de la sauce, mais pas celle qui pique.

• Tu n'as pas pris les pommes de terre ?
• Ah non, j'ai oublié.
• Mais pourtant, je t'en mets sur la liste chaque semaine !

L'apprentissage de la préparation de la ratatouille par son fils aîné fut tardif, vers ses trente ans. C'est pourtant surprenant de facilité. C'est long de cuire les courgettes, oignons, aubergines et d'ébouillanter les tomates pour les peler — la peau crée de l'amertume. Mais c'est tellement bon que ça se mange beaucoup plus vite que ça ne se prépare, alors que c'est encore meilleur une fois réchauffé.

Une fois le moteur éteint, appuyer sur le bouton de la climatisation. Sinon ça vide la batterie et ça, elle en est sûre.

Ils quittent Toulouse, la ville rose, celle des bonbons à la violette, pour aller à la rouge Bordeaux. C'est leur première maison.

La vie ne sera plus jamais aussi insouciante.

La couleur de la moquette des chambres d'enfants sera bleue et verte. Ils choisiront. Ailleurs, ça sera marron. Au mur, du papier peint légèrement texturé. C'est bien, comme ça.

Dès que les roses du jardin sont en fleurs, un bouquet en décore la table de la cuisine. Son fils en a d'ailleurs offert un à sa maîtresse d'école. C'est bien d'être bien vu.

Elle n'aime pas son voisin. Il la regarde bizarrement.

Elle a entendu comme un clic au téléphone. Elle croit qu'elle est sur écoute. Ça l'a déjà fait deux fois cette semaine.

Très tôt, sur les photos, on peut constater la disparition des sourires et l'éloignement des corps. Ces quelques centimètres deviendront des centaines de kilomètres et de nombreux reproches.

Dans les tiroirs, dans les fonds de placard, toujours toujours des sachets de lavande pour que les vêtements, toujours repassés, jamais ne soient mités toujours impeccables.