<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:dc="http://purl.org/dc/elements/1.1/"><channel><title>Outils - Louis Fortin</title><link>https://beta.lfortin.ovh/etiquettes/outils/</link><description>Le site personnel de Louis Fortin : des billets, des projets, et un thème construit pour être lisible par tout le monde.</description><language>fr-ca</language><copyright>2026-2026 Louis Fortin</copyright><generator>Hugo 0.164.0</generator><lastBuildDate>Fri, 05 Jun 2026 14:30:00 -0400</lastBuildDate><atom:link href="https://beta.lfortin.ovh/etiquettes/outils/flux.xml" rel="self" type="application/rss+xml"/><item><title>Faire échouer la construction sur une image muette</title><link>https://beta.lfortin.ovh/blog/une-image-sans-alt/</link><guid isPermaLink="true">https://beta.lfortin.ovh/blog/une-image-sans-alt/</guid><pubDate>Fri, 05 Jun 2026 14:30:00 -0400</pubDate><dc:creator>Louis Fortin</dc:creator><category>Accessibilité</category><category>Hugo</category><category>Outils</category><description>Un avertissement se perd dans un journal que personne ne relit. Une construction qui s'arrête, elle, se remarque.</description><content:encoded><![CDATA[<!-- TEXTE DE DÉPART, à remplacer ou à garder, comme vous voulez. -->
<p>L&rsquo;image sans texte de remplacement est la violation d&rsquo;accessibilité la plus
fréquente du web. Elle se produit toujours de la même façon : quelqu&rsquo;un écrit
vite, oublie l&rsquo;attribut, et personne ne s&rsquo;en aperçoit parce que la page a l&rsquo;air
parfaite.</p>
<div class="titre-avec-ancre">
  <h2 id="lavertissement-ne-suffit-pas">L&rsquo;avertissement ne suffit pas</h2>
  
</div>
<p>La réponse habituelle est un contrôle qui signale le problème. Un
avertissement, une ligne dans un rapport, un point orange dans un tableau de
bord.</p>
<p>Ça ne marche pas, pour une raison simple : un avertissement défile dans un
journal que personne ne relit. Le site se publie quand même. Le défaut part en
production, et il y reste.</p>
<div class="titre-avec-ancre">
  <h2 id="arrêter-la-construction">Arrêter la construction</h2>
  
</div>
<p>Ce site prend l&rsquo;option inverse. Le crochet de rendu des images vérifie le texte
de remplacement, et <strong>fait échouer la construction</strong> s&rsquo;il manque. Rien n&rsquo;est
publié.</p>
<p>L&rsquo;échange est le bon : on remplace un défaut invisible et permanent par un
défaut visible et immédiat. Le second se règle en trente secondes.</p>
<div class="encadre encadre--note" role="note">
    <p class="encadre__titre"><svg class="icone" viewBox="0 0 24 24" aria-hidden="true" focusable="false"><circle cx="12" cy="12" r="9.5"/>
<path d="M12 16.5v-5"/>
<path d="M12 7.9h.01"/>
</svg>Note
    </p>
    <p>Il reste une sortie de secours pour les images réellement décoratives. Elle
demande d&rsquo;écrire <code>{role=&quot;presentation&quot;}</code> sous l&rsquo;image, c&rsquo;est-à-dire de
déclarer une intention. C&rsquo;est exactement la différence qu&rsquo;on cherche à rendre
visible : un oubli et une décision ne doivent pas se ressembler.</p>
  </div><div class="titre-avec-ancre">
  <h2 id="ce-que-ça-change-à-lécriture">Ce que ça change à l&rsquo;écriture</h2>
  
</div>
<p>Rien, sauf qu&rsquo;on décrit ses images. Et décrire une image oblige à se demander
ce qu&rsquo;elle apporte, ce qui est aussi la bonne question à se poser avant de
l&rsquo;ajouter.</p>
]]></content:encoded></item></channel></rss>