moanos/RattenheimRechner
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: use alt-i18n-key to avoid overwriting alt tag which makes retranslation impossible

Browse Source
This commit is contained in:
moanos [he/him] 2024-07-31 19:20:46 +02:00
parent 3831b81ec2
commit b7f2a3ed67
2 changed files with 5 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
public/index.html
View File

@ -35,7 +35,7 @@
<label for="SavicSuiteRoyaleXL"> <label for="SavicSuiteRoyaleXL">
<input type="checkbox" id="SavicSuiteRoyaleXL"/> <input type="checkbox" id="SavicSuiteRoyaleXL"/>
<div class="card-photo"> <div class="card-photo">
<img alt="alt-savic-xl" src="assets/img/savic-xl.jpeg"> <img alt-i18n-key="alt-savic-xl" src="assets/img/savic-xl.jpeg">
</div> </div>
<div class="info-container"> <div class="info-container">
<h4><b>Savic Suite Royale XL</b></h4> <h4><b>Savic Suite Royale XL</b></h4>
@ -48,7 +48,7 @@
<input type="checkbox" id="SavicSuiteRoyale95Double"/> <input type="checkbox" id="SavicSuiteRoyale95Double"/>
<div class="card-photo"> <div class="card-photo">
<div> <div>
<img alt="alt-savic-95-double" src="assets/img/savic-95-double.jpg"> <img alt-i18n-key="alt-savic-95-double" src="assets/img/savic-95-double.jpg">
</div> </div>
<div class="info-container"> <div class="info-container">
<h4><b>Savic Suite Royale 95 Double</b></h4> <h4><b>Savic Suite Royale 95 Double</b></h4>
@ -61,7 +61,7 @@
<label for="TiakiKleintierkäfigEtagere"> <label for="TiakiKleintierkäfigEtagere">
<input type="checkbox" id="TiakiKleintierkäfigEtagere"/> <input type="checkbox" id="TiakiKleintierkäfigEtagere"/>
<div class="card-photo"> <div class="card-photo">
<img alt="alt-tiaki" src="assets/img/tiaki.jpeg"> <img alt-i18n-key="alt-tiaki" src="assets/img/tiaki.jpeg">
</div> </div>
<div class="info-container"> <div class="info-container">
<h4><b>TIAKI Kleintierkäfig Étagère</b></h4> <h4><b>TIAKI Kleintierkäfig Étagère</b></h4>

6
src/index.js
View File

@ -35,13 +35,11 @@ function translatePageElements() {
}); });
// Translate alt texts // Translate alt texts
const translatableAltTexts = document.querySelectorAll( const translatableAltTexts = document.querySelectorAll(
"[alt]", "[alt-i18n-key]",
); );
translatableAltTexts.forEach((el) => { translatableAltTexts.forEach((el) => {
const translation_key = el.getAttribute("alt"); const translation_key = el.getAttribute("alt-i18n-key");
console.log(el);
el.setAttribute("alt", i18next.t(translation_key)); el.setAttribute("alt", i18next.t(translation_key));
console.log(i18next.t(translation_key));
}); });
} }