Merge branch 'fanch-master-patch-f2b8' into 'master'

Mise à jour des alt text pour les images

See merge request !27

index.html

@@ -38,7 +38,7 @@
 			<h1>Comment bloquer ?</h1>
 			<p>Pour bloquer la publicité en ligne, nous vous conseillons d'installer le bloqueur uBlock Origin.</p>
 			<div class="centerimg">
-				<img src="img/uBlock_Origin.svg" height="130" width="128"/>
+				<img src="img/uBlock_Origin.svg" height="130" width="128" alt="logo d'ublock origin composé d'un bouclier rouge avec les lettres uo entrelacées"/>
 			</div>
 			<p>Si vous utilisez déjà <b>AdBlock Plus</b> sur votre navigateur, nous vous invitons à le désinstaller au profit de <b>uBlock Origin</b>, car AdBlock a passé des accords avec certaines entreprises publicitaires pour <a href="https://adblockplus.org/en/acceptable-ads">ne pas tout bloquer</a>.<p>
 			<h2>Sur ordinateur</h2>
@@ -57,7 +57,12 @@
 			<p>Une fois uBlock Origin installé, la plupart des publicités en ligne sont bloquées, mais le module peut être configuré pour limiter encore plus la surveillance.<br>
 			<br>
 			Voici la marche à suivre :</p>
-			<img src="img/uBlock-pc.svg" width="1308" height="812"/>
+			<img src="img/uBlock-pc.svg" width="1308" height="812" alt="composition de copies d'écran de la fenêtre s'ouvrant quand on clique sur l'extension ublock origin puis de l'onglet "listes de filtres" de ses paramètres permettant d'indiquer visuellement où cliquer pour les 5 étapes :
+Cliquer sur le bouclier uBlock Origin ;
+Cliquer sur Paramètres ;
+Cliquer sur l’onglet « Listes de filtres » ;
+Cocher les cases des listes « Publicités » et « Confidentialité » ;
+Enfin, cliquer sur « Appliquer »."/>
 			<ol class="tuto">
 				<li><div>Cliquer sur le bouclier uBlock Origin ;</div></li>
 				<li><div>Cliquer sur <b>Paramètres</b> ;</div></li>
@@ -92,28 +97,28 @@
 					<strong>TrackerControl</strong><br>
 					<small>Android</small><br>
 					<br>
-					<img src="img/TrackerControl.svg" loading="lazy"/>
+					<img src="img/TrackerControl.svg" loading="lazy" alt="logo de TrackerControl représentant une fusée orange"/>
 				</a>
 				<span class="ou">OU</span>
 				<a href="https://blokada.org/">
 					<strong>Blokada</strong><br>
 					<small>Android et iOS</small><br>
 					<br>
-					<img src="img/blokada.png" loading="lazy"/>
+					<img src="img/blokada.png" loading="lazy" alt="logo de Blokada représentant un bouclier orange traversé par deux bandeaux"/>
 				</a>
 				<span class="ou">OU</span>
 				<a href="https://f-droid.org/en/packages/org.adaway/">
 					<strong>Adaway</strong><br>
 					<small>Android</small><br>
 					<br>
-					<img src="img/AdAway.svg" loading="lazy"/>
+					<img src="img/AdAway.svg" loading="lazy" alt="logo d'Adaway composé d'un panneau de circulation octogonal avec une colombe en son milieu"/>
 				</a>
 				<span class="ou">OU</span>
 				<a href="https://adguard.com/fr/welcome.html">
 					<strong>Adguard</strong><br>
 					<small>Android et iOS</small><br>
 					<br>
-					<img src="img/AdGuard.svg" loading="lazy"/>
+					<img src="img/AdGuard.svg" loading="lazy" alt="logo d'Adguard composé d'un bouclier vert avec une marque de validation blanche en milieu"/>
 				</a>
 			</div>
 			<p>Pour installer ces applications, il faudra également activer les applications de sources inconnues.<br>
@@ -134,31 +139,31 @@
 
 		<h2>Images à partager</h2>
 		<div class="rs">
-			<img src="img/bloque2022.jpg" height="2927" width="4140" loading="lazy" alt="La pub prend trop de place, dans nos cerveaux, dans la rue, sur Internet, dans les représentations sociales, dans les décisions politiques, dans la balance écologique... Bloquons-la. bloquelapub.net"/>
+			<img src="img/bloque2022.jpg" height="2927" width="4140" loading="lazy" alt="Affiche de la campagne bloquelapub.net représentant main tenant une tablette numérique dont sort des long rouleaux de papiers avec de nombreuses représentation simplifiées de publicité telles que "OUAIS pas cher" "Clic clic juste un clic", "GROS LOGO", etc. Un texte indique "LA PUB PREND TROP DE PLACE, dans nos cerveaux, dans la rue, sur Internet, dans les représentations sociales, dans les décisions politiques, dans la balance écologique... BLOQUONS-LA, bloquelapub.net"/>
 		</div>
 		<div class="rs">
-			<img src="rs/1.png" height="500" width="500" loading="lazy" alt="Si vous êtes le produit, ce n'est pas gratuit"/>
-			<img src="rs/2.png" height="500" width="500" loading="lazy" alt="La pub pollue nos rêves"/>
+			<img src="rs/1.png" height="500" width="500" loading="lazy" alt="Visuel carré avec le texte 'Si vous êtes le produit ce n'est pas gratuit' avec effets graphiques"/>
+			<img src="rs/2.png" height="500" width="500" loading="lazy" alt="Visuel carré indiquant 'La pub pollue nos rêves', pollue nos rêves est dans un carré rouge"/>
 		</div>
 		<div class="rs">
-			<img src="rs/3.png" height="500" width="500" loading="lazy" alt="La pub t'enferme dans un cliché"/>
-			<img src="rs/4.png" height="500" width="500" loading="lazy" alt="La pub gaspille de l'énergie"/>
+			<img src="rs/3.png" height="500" width="500" loading="lazy" alt="Visuel carré avec le texte 'La pub t'enferme dans un cliché' avec effets graphiques"/>
+			<img src="rs/4.png" height="500" width="500" loading="lazy" alt="Visuel carré avec le texte 'La pub gaspille de l'én-ergie' avec effets graphiques"/>
 		</div>
 		<div class="rs">
-			<img src="rs/5.png" height="500" width="500" loading="lazy" alt="La pub tue Internet"/>
-			<img src="rs/6.png" height="500" width="500" loading="lazy" alt="La pub déforme l'info"/>
+			<img src="rs/5.png" height="500" width="500" loading="lazy" alt="Visuel carré avec le texte 'La pub tue internet' reprenant les codes de messages de prévention contre le tabac (rectangle rouge en haut délimité d'une ligne noire puis d'un grand rectangle blanc où le texte est indiqué)"/>
+			<img src="rs/6.png" height="500" width="500" loading="lazy" alt="Visuel carré avec le texte 'La pub déforme l'info' avec effets graphiques, le 'déforme' est notamment très hachuré"/>
 		</div>
 		<h2>Citations à partager</h2>
 		<div class="cit">
-			<img src="rs/cit1.png" height="374" width="800" loading="lazy" alt="« On a créé une infrastructure de surveillance dystopique juste pour que des gens cliquent sur la pub. » Zeynep Tufekci"/>
+			<img src="rs/cit1.png" height="374" width="800" loading="lazy" alt="Visuel rectangulaire reproduisant dans un carré blanc une citation de Zeynep Tufekci traduite « On a créé une infrastructure de surveillance dystopique juste pour que des gens cliquent sur la pub. », en dessous délimité par une ligne noire épaisse un rectangle rouge où est indiqué le site bloquelapub.net"/>
 		</div>
 		<div class="cit">
-			<img src="rs/cit2.png" height="374" width="800" loading="lazy" alt="« L'état de déchéance de notre Internet est une conséquence directe, involontaire de choisir la publicité comme modèle par défaut pour les contenus et services en ligne. » Ethan Zuckerman"/>
+			<img src="rs/cit2.png" height="374" width="800" loading="lazy" alt="Visuel rectangulaire reproduisant dans un carré blanc une citation d'Ethan Zuckerman traduite « L'état de déchéance de notre Internet est une conséquence directe, involontaire de choisir la publicité comme modèle par défaut pour les contenus et services en ligne. » , en dessous délimité par une ligne noire épaisse un rectangle rouge où est indiqué le site bloquelapub.net"/>
 		</div>
 		<h2>Affiches à imprimer</h2>
 		<p><a href="Bloquelapub-affiches.pdf">Télécharger</a> (.pdf) nos affiches à imprimer.</p>
 		<div class="cit">
-			<img src="img/affiches.jpg" height="1294" width="666" loading="lazy" alt="Photographie des quatres affiches collées sur un mur."/>
+			<img src="img/affiches.jpg" height="1294" width="666" loading="lazy" alt="Photo représentants les 4 affiches de la campagne bloquelapub.net collée sur mur où sont présentes des traces d'affichages précédents. Les 4 affiches indiquent 1. La pub te bloque (avec des effets graphiques), 2. Bloque la pub sur internet bloquelapub.net écrit en blanc sur une affiche rouge, 3. La Pub bloque tout le le monde (avec des effets graphiques, exemple : le bloque est en diagonale et inscrit plusieurs fois en se recouvrant et le 'tout' est indiqué deux fois en rouge et noir), 4. Passe le bloqueur à ton voisin bloquelapub.net écrit en blanc sur une affiche rouge"/>
 		</div>
 		</section>
 	</div>