New Crowdin updates

fr-FR/meta.yml

@@ -0,0 +1,10 @@
+title: Ajouter un texte alternatif aux images
+hero_image: images/banner.png
+description: Ajoute un texte alternatif aux images.
+version: 4
+listed: false
+copyedit: false
+last_tested: "2022-05-19"
+steps:
+  - 
+    title: Ajouter un texte alternatif aux images

fr-FR/step_1.md

@@ -0,0 +1,18 @@
+<p style="border-left: solid; border-width:10px; border-color: #0faeb0; background-color: aliceblue; padding: 10px;">
+<span style="color: #0faeb0">**Le texte alternatif (alt)</span> est une description d'une image. Le texte Alt est un élément important de la conception de sites web accessibles, car il décrit les images aux personnes qui ne peuvent pas les voir. Le texte n'apparaît pas sur la page web, mais il est lu à haute voix par les lecteurs d'écran.
+</p>
+
+Ajoute la propriété alt pour fournir un texte alternatif aux personnes qui ne peuvent pas voir l'image.
+
+## --- code ---
+
+language: html
+filename: index.html
+line_numbers: false
+--------------------------------------------------------
+
+<img src="globe.png" alt="An inflatable globe floating on water at night.">
+
+\--- /code ---
+
+![Un globe gonflable flottant sur l'eau la nuit.](images/globe.png)

nl-NL/meta.yml

@@ -0,0 +1,10 @@
+title: Alt-tekst toevoegen aan afbeeldingen
+hero_image: images/banner.png
+description: Alt-tekst toevoegen aan afbeeldingen.
+version: 4
+listed: false
+copyedit: false
+last_tested: "2022-05-19"
+steps:
+  - 
+    title: Alt-tekst toevoegen aan afbeeldingen

nl-NL/step_1.md

@@ -0,0 +1,18 @@
+<p style="border-left: solid; border-width:10px; border-color: #0faeb0; background-color: aliceblue; padding: 10px;">
+<span style="color: #0faeb0">**Alternatieve (alt) tekst**</span> is een beschrijving van een afbeelding. Alt-tekst is een belangrijk onderdeel van toegankelijk webontwerp, omdat het afbeeldingen beschrijft voor mensen die ze niet kunnen zien. De tekst verschijnt niet op de webpagina, maar wordt hardop door schermlezers voorgelezen.
+</p>
+
+Voeg de `alt`-eigenschap toe om alternatieve tekst te bieden voor mensen die de afbeelding niet kunnen bekijken.
+
+## --- code ---
+
+language: html
+filename: index.html
+line_numbers: false
+--------------------------------------------------------
+
+<img src="globe.png" alt="An inflatable globe floating on water at night.">
+
+\--- /code ---
+
+![Een opblaasbare wereldbol die 's nachts op het water drijft.](images/globe.png)

zh-CN/meta.yml

@@ -0,0 +1,10 @@
+title: 为图片添加替代文本
+hero_image: images/banner.png
+description: 为图片添加替代文本。
+version: 4
+listed: false
+copyedit: false
+last_tested: "2022-05-19"
+steps:
+  - 
+    title: 为图片添加替代文本

zh-CN/step_1.md

@@ -0,0 +1,18 @@
+<p style="border-left: solid; border-width:10px; border-color: #0faeb0; background-color: aliceblue; padding: 10px;">
+<span style="color: #0faeb0">**替代（alt）文本**</span> 是对图像的描述。 Alt 文本是可访问网页设计的重要组成部分，因为它可以向无法看到图像的人描述图像。 文本不会出现在网页上，但会由屏幕阅读器大声读出来。
+</p>
+
+添加 alt 属性，为无法查看图像的人提供替代文本。
+
+## --- code ---
+
+language: html
+filename: index.html
+line_numbers: false
+--------------------------------------------------------
+
+<img src="globe.png" alt="An inflatable globe floating on water at night.">
+
+\--- /code ---
+
+![夜间漂浮在水面上的充气地球仪。](images/globe.png)