Je suis en colère de vivre dans une société où l’on a abandonné la prévention des infections respiratoires (COVID et autres) et où l'on juge que la vie des personnes handicapées est trop insignifiante pour être protégée.

Sa mort me bouleverse, car elle fait partie de ces personnes qui m’ont permis d’approfondir ma réflexion et compréhension du handicap et de l’accessibilité, sur le plan personnel et professionnel.

Dans un monde militant et professionnel très blanc, elle est aussi une des premières militantes handicapées asiatiques et racisées dont j’ai eu connaissance. Je me souviens à quel point ça m’a fait du bien à l’époque, parce que oui, la représentation compte.

Alice Wong l’avait plus que compris puisqu’elle est, entre autres, à l’initiative du précieux et indispensable projet Disability Visibility Project, pour qui souhaite en savoir plus sur le handicap et le validisme. Elle est également l’éditrice d’une anthologie d’essais de personnes handicapées, Disability Visibility: First-Person Stories from the Twenty-First Century et l’autrice d’une autobiographie, Year of the Tiger: An Activist's Life.

Si vous ne connaissez pas son travail, je ne peux que vous le recommander.

J’espère qu’on se souviendra longtemps d’Alice Wong.

J’utilise désormais Laravel Valet (macOS uniquement) qui me permet d’avoir des adresses locales dédiées pour chaque projet, disponibles dès que j’allume mon ordinateur.

C’est très confortable à l’usage et je regrette de ne pas l’avoir installé plus tôt !

Exporter ses notes

J’ai cherché comment exporter mon petit millier de notes au format Markdown et j'ai trouvé un petit utilitaire macOS qui m'a l'air bien faire le job. Il s’agit d’Exporter.

Je suis très contente du résultat (les images, vidéos ont bien été reprises). J’ai pu réimporter le tout en quelques clics sur Obsidian que je vais tâcher de mieux m'approprier.

Exporter les annotations et surlignements d’Apple Books (Livres)

J’ai beaucoup lu sur iPad et l'application Livres. J'avais un certain nombre d’annotations et de passages surlignés à exporter.

J’ai découvert un peu par hasard en jetant un œil aux modules d’Obsidian un plugin d'import des annotations et surlignements d’Apple Books vers Obsidian.

Je ne m’attendais pas à ce que ça marche aussi bien et aussi vite. Tout est désormais consigné dans des fichiers Markdown. Il est possible de formater l'export comme on le souhaite, c'est juste parfait !

Je me suis demandée si les reset ont encore une utilité en 2025. A priori de moins en moins, ce que j’ai vu ressemble plus à une base minimale pour démarrer un projet. Chacun·e a son avis sur ce qu’il faut y mettre et c’est bien ce qui est intéressant. Je ne suis d’ailleurs jamais d’accord avec l’intégralité des choix sur les principaux reset et je me ferai ma propre base plutôt qu’un reset.

Les pages de démo du projet UA+ permettent de comparer différents reset et d’avoir un aperçu du rendu. Très sympa !

Rien qu’à travers les différents reset, je vois plein de choses que je ne connais pas et qui me donnent envie de creuser et de jouer².

Deux autres liens sur les reset que j’ai trouvé intéressants :

• My Modern CSS Reset de Jake Lazaroff : un autre reset qui se rapproche plus de styles minimalistes (classless CSS framework).
• Your CSS reset should be layered de Mayank : il semblerait que mes prochaines lectures s’orienteront vers la notion de layers (calque / couche en français) en CSS.

Hier, j’ai aussi lu sur comment faire un thème sombre en 2025 beaucoup plus facilement avec color-scheme et light-dark(), mais je ferai une autre note dessus.

Je ne retiens qu’à force de pratiquer ou, à défaut, documenter. Sans me lancer dans un défi « 100 jours », que je ne tiendrais très certainement pas, j’ai envie de créer une série de notes dédiées à CSS qui s’appellera très sobrement CSS (Cascade Sans Souci¹).

On verra jusqu’où ça me mène et si ça me permet de mieux bidouiller cet endroit.

Hier, j’ai découvert et utilisé deux valeurs de la propriété text-wrap :

text-wrap: balance;
text-wrap: pretty;

Alsacréations en explique bien l’usage dans leur billet Choisir entre balance et pretty pour text-wrap.

J’ai testé text-wrap: balance; sur mes titres h1, sans être pleinement convaincue par le résultat pour l’instant.

Par contre, j’aime bien le rendu des textes avec text-wrap: pretty;. Malheureusement, cette valeur, elle, n’est pas encore supportée par Firefox ni par Safari. Je n’en profiterai donc pas réellement pour l’instant et vous non plus si vous n’utilisez pas Chrome².

Ajout du 20 avril 2025 : text-wrap pretty arrive chez Safari.

Voir la documentation mdn sur l’élément <fieldset>.

Ça m’a surprise d’apprendre qu’il est possible de mettre des contrôles de formulaire dans un élément <legend> !

Curieuse de voir les cas d’usage où ça peut être utile 🤔.

Cas d’usage : contrôle de formulaire dans un élément <legend>

Mise à jour — 20 décembre 2023.

Julie et David m'ont signalé que la spécification HTML donne un cas d'usage (deuxième exemple). Je l'ai adapté ici.

Tests de restitution

Ce cas d'usage n’est toutefois pas compatible avec certaines combinaisons lecteurs d’écran / navigateurs.

Sur Firefox avec NVDA ou JAWS, les champs sont toujours restitués comme étant désactivés. Le retrait de l’attribut disabled sur la balise <fieldset> n’est pas pris en compte.

Sur Chrome ou Edge (Chromium) avec JAWS, il n'est pas possible d’atteindre la case à cocher présente dans la légende.

Les tests effectués sur VoiceOver macOS/iOS et Safari, NVDA et Chrome ou Edge (Chromium), TalkBack et Chrome sont eux concluants.

Pour désactiver ce comportement, il faut ajouter l'attribut --wrap=none dans la commande de conversion.

Exemple de conversion d'un docx vers du HTML :

pandoc *.docx -o export.html --wrap=none

Une décision plutôt facile à prendre puisqu’il était déjà largement inactif même si j’ai regretté la facilité de suivre des comptes militants notamment sur les questions de validisme, psychophobie, maladies chroniques et de racisme.

Depuis quelque temps, il n’est plus possible de lire les messages et fils de conversation sans compte.

C’est là qu’intervient Nitter. C’est une interface alternative à Twitter (X) respectueuse de la vie privée¹ et qui permet d'accéder aux contenus qui vous intéressent.

Depuis les dernières modifications de Twitter (X), seule une poignée d'instances fonctionnent encore. J’utilise pour ma part une instance française, mais j'imagine que ça n'a pas beaucoup d'importance.

On peut y chercher des tweets ou des comptes.

Si on veut accéder à un tweet en particulier, on peut remplacer "twitter.com" par le domaine de l'instance nitter.

Par exemple, https://twitter.com/elizejackson/status/1443208539124781060 est à transformer en https://nitter.privacydev.net/elizejackson/status/1443208539124781060.

Plus pratique, on peut utiliser LibRedirect, une extension de navigateur², pour que la modification soit automatique.

Dans les paramètres, on peut choisir l'instance nitter que l'on préfère.

En espérant que le service continue à fonctionner et ne fasse pas l’objet d’un blocage !

Note : Si vous souhaitez partager du contenu Twitter, pensez à proposer un lien nitter plutôt pour qu’un maximum de personnes puisse y accéder facilement.

J’ai décrit la méthode pour créer une action rapide avec Raccourcis à privilégier si votre version de macOS dispose de l’application.

Ci-dessous la méthode pour faire la même chose avec Automator.

Étape 1 : configurer une action rapide avec Automator

Ouvrir l'application Automator et choisir « Action rapide » comme type pour votre document.

Dans le bloc Processus d’Automator, sur la première ligne, sélectionner :

• « dossiers » pour la première option ;
• « Finder.app » pour la seconde.

On obtient « Le processus reçoit l'élément actuel dossiers dans Finder.app ».

Laisser les options « Image » et « Couleur » par défaut.

Étape 2 : Configurer l’action « Exécuter un script Shell »

Ajouter l’action « Exécuter un script Shell ». Bien définir « Données en entrée » à « comme arguments », sinon ça ne fonctionnera pas.

Le champ est automatiquement rempli avec le code suivant dont on n’a pas besoin :

for f in "$@"
do
    echo "$f"
done

Il ne reste plus qu’à remplacer ce qui est dans le champ avec le script Shell à exécuter.

Mon script Shell

1. cd "$@" : Je me place dans le dossier de travail. Je récupère le chemin avec la variable $@.
2. pandoc -f html -t docx rapport.html -o rapport-provisoire.docx : commande de conversion Pandoc avec des noms de documents prédéfinis.
3. open rapport-provisoire.docx : ouverture du fichier généré.

Depuis, j'ai un peu adapté mon code pour ne pas le circonscrire à un cas d'usage très précis (la génération de rapport).

cd "$@"
pandoc -f html -t docx *.html -o document-provisoire.docx
open document-provisoire.docx

Dans tous les cas, attention à n'avoir qu'un fichier html dans le dossier.

Étape 3 : enregistrement et test.

Enregistrer et nommer votre action rapide. Par exemple : HTMLtoWord.

Dans le menu « Actions rapides », exécuter HTMLtoWord.

Jusqu’à présent, je lançais donc la commande Pandoc à partir de mon terminal¹.

Hier, un collègue m’a rappelé que l’on peut ouvrir le terminal au départ d’un dossier en faisant clic droit sur le dossier : Services > Nouveau terminal au dossier ou Nouvel onglet de terminal au dossier.

Ce matin, je me suis dit que ça serait cool de pouvoir lancer la conversion Pandoc directement depuis le menu contextuel avec une action rapide macOS.

J’ai testé deux méthodes : une avec Automator et une avec Raccourcis.

Je me suis un peu arraché les cheveux avant de réussir à obtenir le résultat escompté et je me suis dit qu’une documentation ne serait pas superflue.

Je décris ici la méthode avec Raccourcis et je ferai un billet dédié pour Automator.

Note : j’ai adapté un peu mon script Shell entre le moment où j’ai fait les captures et la rédaction.

Étape 1 : Créer et configurer un raccourci comme action rapide

1. Créer un nouveau raccourci. Par défaut, aucune option n’est cochée sauf si le raccourci a été créé directement dans le dossier « Actions rapides ».
2. Sélectionner le bouton radio « Détails du raccourci » (icône (i)).
3. Dans Détails, cocher la case « Utiliser comme action rapide » et « Finder »

4. Désélectionner les entrées par défaut et ne conserver que « Dossiers ».
5. Laisser l’option « S'il n'y a aucune entrée : » sur « Continuer ».

Étape 2 : Ajouter l’action  « Exécuter le script Shell »

Dans la bibliothèque d’actions, saisir « shell » et ajouter l’action « Exécuter le script Shell ».

Par défaut, le champ est rempli avec la commande echo "Hello World", l'entrée de raccourci est à définir et l’entrée est transmise vers stdin.

Étape 3 : Configurer l’action « Exécuter le script Shell »

1. Cliquer sur « Entrée de raccourci ». Dans le type « Dossier », sélectionner « Chemin du fichier ».
2. Transmettre l'entrée « comme arguments ».
3. Modifier le script Shell par défaut.

Mon script Shell

cd "$@"
pandoc -f html -t docx *.html -o document-provisoire.docx
open document-provisoire.docx

Mon script est basique, je vous le décortique :

1. cd "$@" : Pour se placer dans le dossier de travail. Je récupère le chemin avec la variable $@.
2. pandoc -f html -t docx *.html -o document-provisoire.docx : commande de conversion Pandoc du fichier html² en document-provisoire.docx.
3. open document-provisoire.docx : ouverture du fichier généré.

Note : on peut aussi faire autrement et laisser les options d’entrée de raccourci par défaut. Dans ce cas, il faut saisir une variable pour le chemin du fichier à la place de cd "$@" dans le bloc d'exécution du script Shell.

Étape 4 : finalisation & test

1. Nommer le raccourci. Ex. HTMLtoWord.
2. Vérifier que le raccourci apparaît dans la liste des « Actions rapides » et qu’il fonctionne.

Je ne sais pas si le temps gagné dépassera le temps passé pour trouver la solution et la documenter, donc j’espère que ça pourra être utile à quelques personnes³ !