deploy: e461dd1

fr/articles/le-nom-accessible-en-html/index.html

@@ -194,9 +194,9 @@ <h2 id="en-pratique-comment-ca-marche">En pratique, comment ça marche ? <a clas
 <p>Le nom accessible est, par exemple, annoncé par un lecteur d'écran à la prise de focus sur cet élément mais le rôle de l'élément est aussi ajouté (lien, graphique, bouton...).</p>
 <h3 id="acceder-au-nom-accessible-via-le-navigateur">Accéder au nom accessible via le navigateur <a class="header-anchor" href="#acceder-au-nom-accessible-via-le-navigateur" aria-labelledby="a11y_heading_anchor_label">#</a></h3>
 <p>Pour accéder au nom (accessible), le plus simple est d'utiliser les outils des navigateurs.</p>
-<p>Dans Chrome, il faut utiliser les Chrome dev tools (<kbd>Ctrl+ Maj. + i</kbd>) pour inspecter un élément et ouvrir le panneau &quot;Accessibility&quot; à la place de celui de &quot;Style&quot; (généralement à droite). On accède à l'&quot;Accessibility tree&quot; et dans &quot;Computed properties&quot; au &quot;Name&quot;, le nom accessible de l'élément inspecté.</p>
+<p>Dans Chrome, il faut, dans les Chrome dev tools (<kbd>Ctrl+ Maj. + i</kbd>), inspecter un élément (onglet &quot;Elements&quot;) et ouvrir le panneau &quot;Accessibility&quot; à la place de celui de &quot;Style&quot; (généralement à droite). On accède à l'&quot;Accessibility tree&quot; et dans &quot;Computed properties&quot; au &quot;Name&quot;, le nom accessible de l'élément inspecté.</p>
 <p><img src="../../web/images/chrome_name.png" alt="Panneaux des outils de développement de Chrome avec le Accessibility tree ouvert" class="img-fluid"></p>
-<p>Dans FireFox, il faut utiliser les dev tools (<kbd>Ctrl+ Maj. + i</kbd>), ouvrir l'onglet &quot;Accessibilité&quot; (à afficher les &quot;Options&quot; des dev tools), inspecter un élément. On accède au &quot;Name&quot;, le nom accessible de l'élément inspecté.</p>
+<p>Dans FireFox, il faut, dans les dev tools (<kbd>Ctrl+ Maj. + i</kbd>), ouvrir l'onglet &quot;Accessibilité&quot; (à afficher les &quot;Options&quot; des dev tools), inspecter un élément. On accède au &quot;Name&quot;, le nom accessible de l'élément inspecté.</p>
 <p><img src="../../web/images/FF_name.png" alt="Panneaux des outils de développement de Firefox avec l'onglet Accessibilité ouvert" class="img-fluid"></p>
 <h3 id="contenu-dune-balise">Contenu d'une balise <a class="header-anchor" href="#contenu-dune-balise" aria-labelledby="a11y_heading_anchor_label">#</a></h3>
 <p><code>&lt;a href=&quot;canard.html&quot;&gt;canards en plastique&lt;/a&gt;</code></p>

fr/web/developper/navigation-clavier/index.html

@@ -359,8 +359,8 @@ <h2 id="rendre-visible-le-focus-en-toute-circonstance">Rendre visible le focus e
 Dans les captures d’écran suivantes, le focus est positionné sur le lien « 209 SMS/mois ».<br>
 La première capture présente le comportement par défaut (focus représenté par des pointillés).<br>
 Dans la seconde capture, les pointillés ont été supprimés, mais un encadré permet d’indiquer de manière explicite l’emplacement du focus.<br>
-<img src="../../images/focus.png" alt="capture d’écran présentant l’affichage du focus par défaut" class="img-fluid"><br>
-<img src="../../images/focus2.png" alt="capture d’écran présentant un comportement personnalisé pour l’affichage du focus" class="img-fluid"></p>
+<img src="images/focus.png" alt="capture d’écran présentant l’affichage du focus par défaut" class="img-fluid"><br>
+<img src="images/focus2.png" alt="capture d’écran présentant un comportement personnalisé pour l’affichage du focus" class="img-fluid"></p>
 <p><strong>Référence <abbr>WCAG</abbr> :</strong></p>
 <ul>
 <li><a lang="en" href="https://www.w3.org/TR/WCAG21/#focus-visible">2.4.7 Focus Visible</a></li>