diff --git a/src/fr/articles/le-nom-accessible-en-html.md b/src/fr/articles/le-nom-accessible-en-html.md index f75145177..113ae8faf 100644 --- a/src/fr/articles/le-nom-accessible-en-html.md +++ b/src/fr/articles/le-nom-accessible-en-html.md @@ -24,11 +24,11 @@ Le nom accessible est, par exemple, annoncé par un lecteur d'écran à la prise Pour accéder au nom (accessible), le plus simple est d'utiliser les outils des navigateurs. -Dans Chrome, il faut, dans les Chrome dev tools (Ctrl+ Maj. + i), inspecter un élément (onglet "Elements") et ouvrir le panneau "Accessibility" à la place de celui de "Style" (généralement à droite). On accède à l'"Accessibility tree" et dans "Computed properties" au "Name", le nom accessible de l'élément inspecté. +Dans Chrome, il faut utiliser les Chrome dev tools (Ctrl+ Maj. + i) pour inspecter un élément et ouvrir le panneau "Accessibility" à la place de celui de "Style" (généralement à droite). On accède à l'"Accessibility tree" et dans "Computed properties" au "Name", le nom accessible de l'élément inspecté. ![Panneaux des outils de développement de Chrome avec le Accessibility tree ouvert](../../web/images/chrome_name.png) -Dans FireFox, il faut, dans les dev tools (Ctrl+ Maj. + i), ouvrir l'onglet "Accessibilité" (à afficher les "Options" des dev tools), inspecter un élément. On accède au "Name", le nom accessible de l'élément inspecté. +Dans FireFox, il faut utiliser les dev tools (Ctrl+ Maj. + i), ouvrir l'onglet "Accessibilité" (à afficher les "Options" des dev tools), inspecter un élément. On accède au "Name", le nom accessible de l'élément inspecté. ![Panneaux des outils de développement de Firefox avec l'onglet Accessibilité ouvert](../../web/images/FF_name.png) ### Contenu d'une balise diff --git a/src/fr/web/developper/navigation-clavier.md b/src/fr/web/developper/navigation-clavier.md index 400ada764..89f774d9d 100644 --- a/src/fr/web/developper/navigation-clavier.md +++ b/src/fr/web/developper/navigation-clavier.md @@ -119,8 +119,8 @@ Permettre la visibilité du focus sur tous les éléments actifs, notamment pour Dans les captures d’écran suivantes, le focus est positionné sur le lien « 209 SMS/mois ». La première capture présente le comportement par défaut (focus représenté par des pointillés). 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. -![capture d’écran présentant l’affichage du focus par défaut](images/focus.png) -![capture d’écran présentant un comportement personnalisé pour l’affichage du focus](images/focus2.png) +![capture d’écran présentant l’affichage du focus par défaut](../../images/focus.png) +![capture d’écran présentant un comportement personnalisé pour l’affichage du focus](../../images/focus2.png) **Référence WCAG :** - 2.4.7 Focus Visible