karlgroves · karlgroves · Mar 14, 2024 · Mar 11, 2024 · Mar 11, 2024 · Mar 11, 2024
diff --git a/README.md b/README.md
@@ -43,18 +43,21 @@ If you want to add a new language, it's only a 2-step process:
     [languages.en.params]
       languageName = 'english'
       languageNameShort = 'en'
+      languageCode = 'en'
   [languages.fr]
     contentDir = 'i18n/fr'
     weight = 2
     [languages.fr.params]
       languageName = 'français'
       languageNameShort = 'fr'
+      languageCode 'fr'
   [languages.es]
     contentDir = 'i18n/es'
     weight = 3
     [languages.fr.params]
       languageName = 'español'
       languageNameShort = 'es'
+      languageCode = 'es'
 ```
 2. In the `i18n/` folder, add a yml file with the language shortname, e.g. `i18n/es.yml` (if spanish), and translate each key in this file.
 

diff --git a/config.toml b/config.toml
@@ -24,9 +24,26 @@ home = ['HTML']
     [languages.en.params]
       languageName = 'english'
       languageNameShort = 'en'
+      languageCode = 'en'
   [languages.fr]
     contentDir = 'i18n/fr'
     weight = 2
     [languages.fr.params]
       languageName = 'français'
       languageNameShort = 'fr'
+      languageCode = 'fr'
+  [languages.pt-br]
+    contentDir = 'i18n/pt-br'
+    weight = 3
+    [languages.pt-br.params]
+      languageName = 'português brasileiro'
+      languageNameShort = 'pt-br'
+      languageCode = 'pt-br'
+  [languages.ja]
+    contentDir = 'i18n/ja'
+    weight = 4
+    [languages.ja.params]
+      languageName = '日本語'
+      languageNameShort = 'ja'
+      languageCode = 'jp'
+
diff --git a/hugo.toml b/hugo.toml
diff --git a/i18n/fr.yml b/i18n/fr.yml
@@ -11,7 +11,7 @@
 - id: topic01
   translation: "Qu’est-ce qu’un outil de surcouche d’accessibilité&nbsp;?"
 - id: topic01p01
-  translation: "Un outil de surcouche est un terme générique désignant une technologie qui visent à améliorer l’accessibilité d’un site web. Il s’agit d’un code provenant d’un tiers (généralement en JavaScript) dont l’objectif est d’apporter des améliorations au code <i lang=\"en\">front</i> du site&nbsp;web."
+  translation: "Un outil de surcouche est un terme générique désignant une technologie qui vise à améliorer l’accessibilité d’un site web. Il s’agit d’un code provenant d’un tiers (généralement en JavaScript) dont l’objectif est d’apporter des améliorations au code <i lang=\"en\">front</i> du site&nbsp;web."
 - id: topic01p02
   translation: "Ce type d’outil qui prétend améliorer l’accessibilité existe depuis la fin des années 1990 avec des produits comme <a href=\"https://fr.wikipedia.org/wiki/ReadSpeaker\">Readspeaker</a> et <a href=\"https://fr.wikipedia.org/wiki/BrowseAloud\">Browsealoud</a>. Ils ajoutaient des fonctionnalités de synthèse vocale au(x) site(s) web sur lesquels ils étaient installés."
 - id: topic01p03
@@ -33,7 +33,7 @@
 - id: topic02p03
   translation: "Pour les néophytes, ces fonctions peuvent sembler bénéfiques, mais leur valeur ajoutée est largement exagérée parce que les internautes que ces fonctions prétendent servir disposent déjà des fonctions nécessaires sur leur ordinateur, soit en tant que fonction intégrée, soit en tant que logiciel supplémentaire dont la personne a besoin pour accéder non seulement au web, mais aussi à tous les logiciels."
 - id: topic02p04
-  translation: "Sur ce dernier point, il est erroné de croire que les fonctionnalités fournies par l’outil de surouche seront d’une grande utilité pour les personnes concernées, car si ces fonctionnalités étaient nécessaires pour utiliser le site web, elles seraient nécessaires pour tous les sites web avec lesquels ces internautes interagissent. Au lieu de cela, l’outil de surcouche est, au mieux, une fonctionnalité redondante avec ce que les personnes qui visitent votre site possèdent déjà."
+  translation: "Sur ce dernier point, il est erroné de croire que les fonctionnalités fournies par l’outil de surcouche seront d’une grande utilité pour les personnes concernées, car si ces fonctionnalités étaient nécessaires pour utiliser le site web, elles seraient nécessaires pour tous les sites web avec lesquels ces internautes interagissent. Au lieu de cela, l’outil de surcouche est, au mieux, une fonctionnalité redondante avec ce que les personnes qui visitent votre site possèdent déjà."
 - id: topic03
   translation: "Avantages et inconvénients de la correction automatisée"
 - id: topic03p01

diff --git a/i18n/ja.yml b/i18n/ja.yml
@@ -13,7 +13,7 @@
 - id: topic01p01
   translation: "オーバーレイは、Webサイトのアクセシビリティを向上させることを目的とした技術の総称です。サードパーティのソースコード（多くはJavaScript）を読み込み、フロントエンドコードを改善します。"
 - id: topic01p02
-  translation: "アクセシビリティの向上を謳うWebサイトのアドオン製品は、1990年代後半に登場した<a href="https://en.wikipedia.org/wiki/Hoya_Corporation#ReadSpeaker">Readspeaker</a>や<a href="https://en.wikipedia.org/wiki/BrowseAloud">Browsealoud</a>に遡ります。これらは、インストールされたWebサイトにテキストの読み上げ機能を追加するものでした。"
+  translation: "アクセシビリティの向上を謳うWebサイトのアドオン製品は、1990年代後半に登場した<a href=\"https://en.wikipedia.org/wiki/Hoya_Corporation#ReadSpeaker\">Readspeaker</a>や<a href=\"https://en.wikipedia.org/wiki/BrowseAloud\">Browsealoud</a>に遡ります。これらは、インストールされたWebサイトにテキストの読み上げ機能を追加するものでした。"
 - id: topic01p03
   translation: "その後、そのようなソフトウェアに機能を追加した類似製品が、市場に出回るようになりました。それらは、読みやすさを向上させるために、ユーザーのニーズに基づき文字サイズや色などをコントロールするものです。"
 - id: topic01p04
@@ -129,7 +129,7 @@
 - id: topic07p03
   translation: "しかしオーバーレイの場合、とりわけ支援機能を提供するウィジェットを追加する場合、その課題は解決していません。さらに問題なのは、一部のオーバーレイ ベンダーが行っている、自社の製品を導入すれば顧客のサイトが法律や標準に即座に準拠できると約束する、欺瞞的なマーケティングです。"
 - id: topic07p04
-  translation: "<a href="https://webaim.org/projects/practitionersurvey3/#overlay">Webアクセシビリティの実践者を対象にWebAIMが行った調査</a>によると、オーバーレイが効果的でないことは、広く合意されていることです："
+  translation: "<a href=\"https://webaim.org/projects/practitionersurvey3/#overlay\">Webアクセシビリティの実践者を対象にWebAIMが行った調査</a>によると、オーバーレイが効果的でないことは、広く合意されていることです："
 - id: topic07p05
   translation: "回答者の大多数（67%）が、これらのツールはまったく効果がないか、あまり効果がないと評価しています。障害のある回答者は、72%が「まったく効果がない」または「あまり効果がない」と評価し、「非常に効果がある」と評価したのはわずか2.4%でした。"
 - id: topic08
@@ -147,7 +147,7 @@
 - id: topic08p06
   translation: "署名"
 - id: topic08p07
-  translation: "一部のオーバーレイ ベンダーは、このファクトシートを、競合他社が自分たちの信用を失墜させるために作ったものと決めつけようとしています。そのような主張は、批判をそらすための<a href="https://ja.wikipedia.org/wiki/%E3%82%AC%E3%82%B9%E3%83%A9%E3%82%A4%E3%83%86%E3%82%A3%E3%83%B3%E3%82%B0">ガスライティング</a>の典型です。"
+  translation: "一部のオーバーレイ ベンダーは、このファクトシートを、競合他社が自分たちの信用を失墜させるために作ったものと決めつけようとしています。そのような主張は、批判をそらすための<a href=\"https://ja.wikipedia.org/wiki/%E3%82%AC%E3%82%B9%E3%83%A9%E3%82%A4%E3%83%86%E3%82%A3%E3%83%B3%E3%82%B0\">ガスライティング</a>の典型です。"
 - id: topic08p08
   translation: "今日現在、オーバーレイ ファクトシートに署名しているのは以下の通り："
 - id: topic08p09
@@ -169,6 +169,4 @@
 - id: topic09
   translation: "関連情報"
 - id: addYourName
-  translation: "署名する"  
-
-
+  translation: "署名する"   
diff --git a/layouts/index.html b/layouts/index.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="{{ T "languageNameShort"}}">
+<html lang="{{ .Site.Params.languageCode }}">
 <head>
   <meta charset="utf-8"/>
   <meta name="viewport" content="width=device-width, initial-scale=1">
@@ -32,7 +32,7 @@
       d="M60 0c33.137 0 60 26.863 60 60s-26.863 60-60 60S0 93.137 0 60 26.863 0 60 0zm4.167 26.667h-25c-6.904 0-12.5 5.596-12.5 12.5v25c0 6.903 5.596 12.5 12.5 12.5h4.166v4.166c0 6.904 5.597 12.5 12.5 12.5h25c6.904 0 12.5-5.596 12.5-12.5v-25c0-6.903-5.596-12.5-12.5-12.5h-4.166v-4.166c0-6.904-5.597-12.5-12.5-12.5zM80.833 47.5a8.343 8.343 0 018.334 8.333v25a8.343 8.343 0 01-8.334 8.334h-25a8.343 8.343 0 01-8.333-8.334v-4.166h16.667c6.903 0 12.5-5.597 12.5-12.5V47.5h4.166zM64.167 30.833a8.343 8.343 0 018.333 8.334v4.166H55.833c-6.903 0-12.5 5.597-12.5 12.5V72.5h-4.166a8.343 8.343 0 01-8.334-8.333v-25a8.343 8.343 0 018.334-8.334h25z"
       fill-rule="evenodd"/>
   </svg>
-  <h1 class="title" lang="en">{{ T "title" | safeHTML}}</h1>
+  <h1 class="title">{{ T "title" | safeHTML}}</h1>
   <nav aria-label="{{ T "lang" | safeHTML}}">
     <ul class="lang">
       {{ $siteLanguages := site.Languages}}
@@ -44,7 +44,7 @@ <h1 class="title" lang="en">{{ T "title" | safeHTML}}</h1>
             {{ if eq $pageLang .Lang}}
               <li>{{ .Params.languageNameShort }} <span class="sr-only">{{ .Params.languageName }}</span></li>
             {{ else }}
-              <li><a href="{{ $translation.Permalink | relURL }}" lang="{{ .Params.languageNameShort }}">{{ .Params.languageNameShort }} <span class="sr-only">{{ .Params.languageName }}</span></a></li>
+              <li><a href="{{ $translation.Permalink | relURL }}" lang="{{ .Params.languageCode }}">{{ .Params.languageNameShort }} <span class="sr-only">{{ .Params.languageName }}</span></a></li>
             {{ end }}
           {{ end }}
         {{ end }}
@@ -116,12 +116,10 @@ <h2 id="what-is-a-web-accessibility-overlay">{{ T "topic01" | safeHTML}}</h2>
       <li>ReciteME</li>
       <li>RentCafe</li>
       <li>Sentinel*</li>
-      <li>Sogo</li>
       <li>TruAbilities</li>
       <li>True Accessibility</li>
       <li>UsableNet Assistive</li>
-      <li>User1st</li>
-      <li>UserWay</li>     
+      <li>UserWay</li>
     </ul>
     <p>{{ T "topic01p06" | safeHTML}}</p>
     <p>{{ T "topic01p07" | safeHTML}}</p>
@@ -1108,7 +1106,7 @@ <h3 id="signed-by">{{ T "topic08p06" | safeHTML}}</h3>
       <li>Gareth Joyce, User Experience Designer and Accessibility Lead, Valtech</li>
       <li>Kai Kubasta, Accessibility Manager, Staffbase</li>
       <li>Aidan Jones, front-end developer and accessibility advocate</li>
-      <li>Aaron Gustafson, Principal Accessibility Innovation Strategist, Microsoft</li>  
+      <li>Aaron Gustafson, Principal Accessibility Innovation Strategist, Microsoft</li>
       <li>Deneb Pulsipher, Captain Accessible, SeaMonster Studios</li>
       <li>Charissa Ramirez, Accessibility Specialist</li>
       <li>Carolyn Chesler, Sr. Software Quality Engineer in Accessibility, BECU, CPAAC</li>
@@ -1127,7 +1125,7 @@ <h3 id="signed-by">{{ T "topic08p06" | safeHTML}}</h3>
       <li>JoAnn Rautio, Digital Accessibility Coordinator, Minnesota IT Services</li>
       <li>Marie Destandau, lead front end developer</li>
       <li>Lee Ohnesorge ThinkTherapy designer and web developer</li>
-      <li>Keith Casebonne, Communications and Database Manager, Disability Rights Florida</li> 
+      <li>Keith Casebonne, Communications and Database Manager, Disability Rights Florida</li>
       <li>Misty Kienzynski, Indiana Affiliate State Treasurer, National Federation of the Blind</li>
       <li>David Gibson, President, Propeller Media Works/ Accessibility.Works</li>
       <li>Danny Lancaster, Accessibility Lead, Nexer Digital</li>
@@ -1230,6 +1228,7 @@ <h3 id="signed-by">{{ T "topic08p06" | safeHTML}}</h3>
       <li>Kalicharan Pillai, CEO, Spectrum Technologies, Inc</li>
       <li>KolaGayathri Pillai, CEO, Sattva Solutions, LLC</li>
       <li>Craig Barrios, Web Development Enthusiast</li>
+      <li>Eduardo Gonçalves Pereira, Software Developer</li>
     </ol>
     <p>
       <a class="add-your-name" href="https://github.com/karlgroves/overlayfactsheet/#endorse-this-statement">
@@ -1246,7 +1245,7 @@ <h2 id="additional-reading">{{ T "topic09"| safeHTML}}</h2>
       <li>
         <a href="https://www.nngroup.com/articles/screen-reader-users-on-mobile/">Challenges for Screen-Reader Users on Mobile</a>
         <span class="further-reading-source">Tanner Kohler - Nielsen Norman Group</span>
-      </li>      
+      </li>
       <li>
         <a href="https://adrianroselli.com/2020/06/accessibe-will-get-you-sued.html">accessiBe will get you sued</a>
         <span class="further-reading-source">Adrian Roselli</span>
@@ -1388,8 +1387,8 @@ <h2 id="additional-reading">{{ T "topic09"| safeHTML}}</h2>
         <a href="https://www.nytimes.com/2022/07/13/technology/ai-web-accessibility.html?unlocked_article_code=AAAAAAAAAAAAAAAACEIPuomT1JKd6J17Vw1cRCfTTMQmqxCdw_PIxftm3iWka3DKDm8ZiPgYCIiG_EPKarskbtp2wDmRAdZKO7I0X_14z-teI10rSxWtptHMvqU5FBgPiND5WHIqjdWKVKok8DTuYy7peepzneO07lfZOzO-RKCJ0yE-d1k18Y9vfA753nwJz_zAE-Rly5Ipi6dac5N5RjgAYyGLuvP6WV4paJjdMEaqukRhUPpZWDrTgdeZ97oBFQ1SAl7MR3p7in0uvJIeYJhEefaicGNzPZb2kr4TCWd3LYa2B5ZXR4Pck7RisLGlugXZjNRJGDCbYdUTTQ5ATpvV&smid=url-share">For Blind Internet Users, the Fix Can Be Worse Than the Flaws</a>
         <span class="further-reading-source">New York Times</span>
       </li>
-        <li><a href="https://www.forbes.com/sites/gusalexiou/2021/10/28/why-automated-tools-alone-cant-make-your-website-accessible-and-legally-compliant/?sh=3a83983a364e">Why Automated Tools Alone Can’t Make Your Website Accessible And Legally Compliant</a> <span class="further-reading-source">Forbes</span></li>  
-        <li><a href="https://karlgroves.com/the-overlay-personalization-farce/">The Overlay Personalization Farce</a> <span class="further-reading-source">Karl Groves</span></li>  
+        <li><a href="https://www.forbes.com/sites/gusalexiou/2021/10/28/why-automated-tools-alone-cant-make-your-website-accessible-and-legally-compliant/?sh=3a83983a364e">Why Automated Tools Alone Can’t Make Your Website Accessible And Legally Compliant</a> <span class="further-reading-source">Forbes</span></li>
+        <li><a href="https://karlgroves.com/the-overlay-personalization-farce/">The Overlay Personalization Farce</a> <span class="further-reading-source">Karl Groves</span></li>
         <li><a href="https://adrianroselli.com/2023/02/audioeye-will-get-you-sued.html">AudioEye will get you sued</a> <span class="further-reading-source">Adrian Roselli</span></li>
         <li><a href="https://www.edf-feph.org/accessibility-overlays-dont-guarantee-compliance-with-european-legislation/">Accessibility overlays don’t guarantee compliance with European legislation</a>
         <span class="further-reading-source">The European Disability Forum (EDF) and International Association of Accessibility Professionals (IAAP)</span>