diff --git a/collections/_tips/designing.fr.md b/collections/_tips/designing.fr.md
index 7032222e9c1..ac7cf2313ff 100644
--- a/collections/_tips/designing.fr.md
+++ b/collections/_tips/designing.fr.md
@@ -252,7 +252,7 @@ Fournissez des styles distinctifs pour les éléments interactifs, tels que les
     <figure class="hover">
       <figcaption>{% include_cached icon.html name="check-circle" label="Bonne pratique" %} Style au survol de la souris</figcaption>
       <div>
-        <p style="text-align: center; position:relative;"><a href="javascript:return false;" aria-label="Le lien est stylisé avec un arrière-plan subtil pour mettre en évidence l’état de survol" style="color: #850BAC; background-color: rgba(253, 247, 15, 0.3)">clavier pour naviguer</a><img src="/content-images/tips/pointer.png" style="position: absolute; left: 50%; top:1em;" width="20" alt=""></p>
+        <p style="text-align: center; position:relative;"><a href="javascript:return false;" aria-label="Le lien est stylisé avec un arrière-plan subtil pour mettre en évidence l’état de survol" style="color: #850BAC; background-color: rgba(253, 247, 15, 0.3)">clavier pour naviguer</a><img src="/WAI/content-images/tips/pointer.png" style="position: absolute; left: 50%; top:1em;" width="20" alt=""></p>
       </div>
     </figure>
     <figure class="keyboard">
@@ -264,7 +264,7 @@ Fournissez des styles distinctifs pour les éléments interactifs, tels que les
     <figure class="active">
       <figcaption>{% include_cached icon.html name="check-circle" label="Bonne pratique" %} Style au clic ou au contact tactile</figcaption>
       <div>
-        <p style="text-align: center; position:relative;"><a href="javascript:return false;" aria-label="Le lien a un style prononcé pour montrer qu’une action va se produire" style="background: #850BAC; color: #f4f4f4">clavier pour naviguer</a><img src="/content-images/tips/pointer.png" style="position: absolute; left: 50%; top:1em;" width="20" alt=""></p>
+        <p style="text-align: center; position:relative;"><a href="javascript:return false;" aria-label="Le lien a un style prononcé pour montrer qu’une action va se produire" style="background: #850BAC; color: #f4f4f4">clavier pour naviguer</a><img src="/WAI/content-images/tips/pointer.png" style="position: absolute; left: 50%; top:1em;" width="20" alt=""></p>
       </div>
     </figure>
   </div>
diff --git a/collections/_tips/designing.id.md b/collections/_tips/designing.id.md
index 744587748bb..d34ed77a0a6 100644
--- a/collections/_tips/designing.id.md
+++ b/collections/_tips/designing.id.md
@@ -253,7 +253,7 @@ Berikan gaya yang berbeda untuk elemen interaktif, seperti tautan dan tombol, ag
     <figure class="hover">
       <figcaption>{% include_cached icon.html name="check-circle" label="Oke" %} Gaya ketika disoroti tetikus</figcaption>
       <div>
-        <p style="text-align: center; position:relative;"><a href="javascript:return false;" aria-label="Tautan diberi gaya dengan latar belakang yang halus untuk menyorot saat disoroti" style="color: #850BAC; background-color: rgba(253, 247, 15, 0.3)">navigasi dengan kibor</a><img src="/content-images/tips/pointer.png" style="position: absolute; left: 50%; top:1em;" width="20" alt=""></p>
+        <p style="text-align: center; position:relative;"><a href="javascript:return false;" aria-label="Tautan diberi gaya dengan latar belakang yang halus untuk menyorot saat disoroti" style="color: #850BAC; background-color: rgba(253, 247, 15, 0.3)">navigasi dengan kibor</a><img src="/WAI/content-images/tips/pointer.png" style="position: absolute; left: 50%; top:1em;" width="20" alt=""></p>
       </div>
     </figure>
     <figure class="keyboard">
@@ -265,7 +265,7 @@ Berikan gaya yang berbeda untuk elemen interaktif, seperti tautan dan tombol, ag
     <figure class="active">
       <figcaption>{% include_cached icon.html name="check-circle" label="Oke" %} Gaya ketika diklik atau disentuh</figcaption>
       <div>
-        <p style="text-align: center; position:relative;"><a href="javascript:return false;" aria-label="Tautan diberi gaya yang kuat untuk menunjukkan bahwa suatu tindakan akan terjadi" style="background: #850BAC; color: #f4f4f4">navigasi dengan kibor</a><img src="/content-images/tips/pointer.png" style="position: absolute; left: 50%; top:1em;" width="20" alt=""></p>
+        <p style="text-align: center; position:relative;"><a href="javascript:return false;" aria-label="Tautan diberi gaya yang kuat untuk menunjukkan bahwa suatu tindakan akan terjadi" style="background: #850BAC; color: #f4f4f4">navigasi dengan kibor</a><img src="/WAI/content-images/tips/pointer.png" style="position: absolute; left: 50%; top:1em;" width="20" alt=""></p>
       </div>
     </figure>
   </div>
diff --git a/collections/_tips/designing.ja.md b/collections/_tips/designing.ja.md
index 4f572f092c4..1484040e107 100644
--- a/collections/_tips/designing.ja.md
+++ b/collections/_tips/designing.ja.md
@@ -254,7 +254,7 @@ footer: >
     <figure class="hover">
       <figcaption>{% include_cached icon.html name="check-circle" label="良い場合" %} マウスホーバースタイル</figcaption>
       <div>
-        <p style="text-align: center; position:relative;"><a href="javascript:return false;" aria-label="リンクは、ホバー状態を強調するために微妙な背景でスタイルされている。" style="color: #850BAC; background-color: rgba(253, 247, 15, 0.3)">keyboard to navigate</a><img src="/content-images/tips/pointer.png" style="position: absolute; left: 50%; top:1em;" width="20" alt=""></p>
+        <p style="text-align: center; position:relative;"><a href="javascript:return false;" aria-label="リンクは、ホバー状態を強調するために微妙な背景でスタイルされている。" style="color: #850BAC; background-color: rgba(253, 247, 15, 0.3)">keyboard to navigate</a><img src="/WAI/content-images/tips/pointer.png" style="position: absolute; left: 50%; top:1em;" width="20" alt=""></p>
       </div>
     </figure>
     <figure class="keyboard">
@@ -266,7 +266,7 @@ footer: >
     <figure class="active">
       <figcaption>{% include_cached icon.html name="check-circle" label="良い場合" %} タッチまたはクリックスタイル</figcaption>
       <div>
-        <p style="text-align: center; position:relative;"><a href="javascript:return false;" aria-label="リンクには、アクションが起こることを示す強いスタイリングが与えられている。" style="background: #850BAC; color: #f4f4f4">keyboard to navigate</a><img src="/content-images/tips/pointer.png" style="position: absolute; left: 50%; top:1em;" width="20" alt=""></p>
+        <p style="text-align: center; position:relative;"><a href="javascript:return false;" aria-label="リンクには、アクションが起こることを示す強いスタイリングが与えられている。" style="background: #850BAC; color: #f4f4f4">keyboard to navigate</a><img src="/WAI/content-images/tips/pointer.png" style="position: absolute; left: 50%; top:1em;" width="20" alt=""></p>
       </div>
     </figure>
   </div>
diff --git a/collections/_tips/designing.md b/collections/_tips/designing.md
index b1de2058aab..96fb5842365 100644
--- a/collections/_tips/designing.md
+++ b/collections/_tips/designing.md
@@ -254,7 +254,7 @@ Provide distinct styles for interactive elements, such as links and buttons, to
     <figure class="hover">
       <figcaption>{% include_cached icon.html name="check-circle" label="OK" %} Mouse hover style</figcaption>
       <div>
-        <p style="text-align: center; position:relative;"><a href="javascript:return false;" aria-label="Link is styled with a subtle background to highlight hover state" style="color: #850BAC; background-color: rgba(253, 247, 15, 0.3)">keyboard to navigate</a><img src="/content-images/tips/pointer.png" style="position: absolute; left: 50%; top:1em;" width="20" alt=""></p>
+        <p style="text-align: center; position:relative;"><a href="javascript:return false;" aria-label="Link is styled with a subtle background to highlight hover state" style="color: #850BAC; background-color: rgba(253, 247, 15, 0.3)">keyboard to navigate</a><img src="/WAI/content-images/tips/pointer.png" style="position: absolute; left: 50%; top:1em;" width="20" alt=""></p>
       </div>
     </figure>
     <figure class="keyboard">
@@ -266,7 +266,7 @@ Provide distinct styles for interactive elements, such as links and buttons, to
     <figure class="active">
       <figcaption>{% include_cached icon.html name="check-circle" label="OK" %} Touch or click style</figcaption>
       <div>
-        <p style="text-align: center; position:relative;"><a href="javascript:return false;" aria-label="Link is given a strong styling to show an action will occur" style="background: #850BAC; color: #f4f4f4">keyboard to navigate</a><img src="/content-images/tips/pointer.png" style="position: absolute; left: 50%; top:1em;" width="20" alt=""></p>
+        <p style="text-align: center; position:relative;"><a href="javascript:return false;" aria-label="Link is given a strong styling to show an action will occur" style="background: #850BAC; color: #f4f4f4">keyboard to navigate</a><img src="/WAI/content-images/tips/pointer.png" style="position: absolute; left: 50%; top:1em;" width="20" alt=""></p>
       </div>
     </figure>
   </div>