a11ty: Add label or hide emojis/emoticons to screen reader technologiesa11ty-emoticons

6 files changed, 24 insertions, 29 deletions

diff --git a/content/prise_en_main/compte.md b/content/prise_en_main/compte.md
index c9f18cb..591437b 100644
--- a/content/prise_en_main/compte.md
+++ b/content/prise_en_main/compte.md
@@ -13,4 +13,4 @@ Vous bénéficier d'un compte unique pour accéder à (presque) tous les service
 Guichet est l'interface qui vous permet de changer votre mot de passe.
 Depuis cette interface, vous pouvez aussi créer des liens d'invitations ou directement créer un compte pour votre entourage.
 
-  - [🌐 Se rendre sur Guichet](https://guichet.deuxfleurs.fr)
+  - [<span aria-hidden="true">🌐</span> Se rendre sur Guichet](https://guichet.deuxfleurs.fr)
diff --git a/content/prise_en_main/cryptpad.md b/content/prise_en_main/cryptpad.md
index 610c07f..9a96433 100644
--- a/content/prise_en_main/cryptpad.md
+++ b/content/prise_en_main/cryptpad.md
@@ -8,7 +8,7 @@ extra:
 
 # Accès à Cryptpad
 
--   [🌐 Accéder via le navigateur](https://pad.deuxfleurs.fr)
+-   [<span aria-hidden="true">🌐</span> Accéder via le navigateur](https://pad.deuxfleurs.fr)
 
 # Traitement de texte
 
diff --git a/content/prise_en_main/email.md b/content/prise_en_main/email.md
index 00f1c1b..6d30873 100644
--- a/content/prise_en_main/email.md
+++ b/content/prise_en_main/email.md
@@ -16,10 +16,10 @@ La configuration peut changer à tout moment, certaines fonctionnalités peuvent
 # Accéder à vos emails
 
 <ul>
-  <li><a href='https://sogo.deuxfleurs.fr'>🌐 Accéder via le navigateur (SoGo)</a></li>
-  <li><a href='https://alps.deuxfleurs.fr'>🌐 Accéder via le navigateur (alps, version allégée)</a></li>
-  <li><a href='https://www.thunderbird.net/fr/'>📥 Thunderbird (PC/Mac)</a></li>
-  <li><a href='https://k9mail.app/'>📥 K9 (Android)</a></li>
+  <li><a href='https://sogo.deuxfleurs.fr'><span aria-hidden="true">🌐</span> Accéder via le navigateur (SoGo)</a></li>
+  <li><a href='https://alps.deuxfleurs.fr'><span aria-hidden="true">🌐</span> Accéder via le navigateur (alps, version allégée)</a></li>
+  <li><a href='https://www.thunderbird.net/fr/'><span aria-hidden="true">📥</span> Thunderbird (PC/Mac)</a></li>
+  <li><a href='https://k9mail.app/'><span aria-hidden="true">📥</span> K9 (Android)</a></li>
 </ul>
 
 
@@ -37,5 +37,3 @@ Deuxfleurs peut héberger vos e-mails même s'ils portent un nom de domaine diff
 
 * [Comment louer son nom de domaine](@/prise_en_main/mettre-place-DNS.md),
 * [Comment faire héberger par Deuxfleurs une boîte mail au nom de domaine personnalisé](@/operations/email_personnalise.md).
-
-
diff --git a/content/prise_en_main/jitsi.md b/content/prise_en_main/jitsi.md
index aac2dcb..418f54b 100644
--- a/content/prise_en_main/jitsi.md
+++ b/content/prise_en_main/jitsi.md
@@ -9,10 +9,10 @@ Jitsi est un logiciel de **visioconférence**, que Deuxfleurs fournit **en accè
 
 # Accéder à Jitsi
 
--   [🌐 Accéder via le navigateur](https://jitsi.deuxfleurs.fr)
--   [📥 Application Android (F-Droid)](https://f-droid.org/en/packages/org.jitsi.meet/)
--   [📥 Application Android (Google Play Store)](https://play.google.com/store/apps/details?id=org.jitsi.meet&hl=fr)
--   [📥 Application iOS](https://apps.apple.com/fr/app/jitsi-meet/id1165103905)
+-   [<span aria-hidden="true">🌐</span> Accéder via le navigateur](https://jitsi.deuxfleurs.fr)
+-   [<span aria-hidden="true">📥</span> Application Android (F-Droid)](https://f-droid.org/en/packages/org.jitsi.meet/)
+-   [<span aria-hidden="true">📥</span> Application Android (Google Play Store)](https://play.google.com/store/apps/details?id=org.jitsi.meet&hl=fr)
+-   [<span aria-hidden="true">📥</span> Application iOS](https://apps.apple.com/fr/app/jitsi-meet/id1165103905)
 
 # Conseils d'utilisation
 
@@ -24,22 +24,22 @@ Voilà quelques conseils pour vous assurer une bonne expérience :
 #### Diminuer la bande passante
 
 <!-- ![Impression d'écran du menu « Paramètres de performance »](/img/jitsi_parametres_de_performance.png) -->
-- Vous et vos correspondant⋅es pouvez ajuster vos « Paramètres de performance » pour échanger un flux vidéo plus léger. Vous trouverez ce menu dans les trois petits points « … Plus d'actions ». 
+- Vous et vos correspondant⋅es pouvez ajuster vos « Paramètres de performance » pour échanger un flux vidéo plus léger. Vous trouverez ce menu dans les trois petits points « … Plus d'actions ».
 - Vous n'avez peut-être pas besoin de la vidéo de tout le monde. Désactivez la vidéo ou gardez-la seulement pour certains participant⋅es.
 - Si vous ne parlez pas, vous pouvez également couper votre microphone. Il est possible de passer en mode _talkie-walkie_ sur ordinateur avec la touche espace. Vous maintenez la touche espace, votre micro est activé. Vous arrêtez d'appuyer sur la touche espace, votre micro est coupé.
 
 #### Améliorer la connexion
 
-- Connectez de préférence votre ordinateur en filaire (cable ethernet) à votre *box* (routeur internet). 
-- Si vous utilisez la communication sans fil (Wi-Fi), rapprochez-vous si possible de votre *box*. 
+- Connectez de préférence votre ordinateur en filaire (cable ethernet) à votre *box* (routeur internet).
+- Si vous utilisez la communication sans fil (Wi-Fi), rapprochez-vous si possible de votre *box*.
 - Le type de connexion internet influencera également la qualité de votre visioconférence : la fibre est idéale, l'ADSL ou les réseaux mobiles (4G, 5G etc.) sont plus incertains.
 
 
-### Bien se faire entendre 
+### Bien se faire entendre
 
-- L'idéal est d'avoir un casque avec microphone ou des écouteurs avec microphone pour capter le son au plus près de votre bouche et _empêcher l'écho_ (que votre microphone capte ce qui sort sur les hauts-parleurs). 
+- L'idéal est d'avoir un casque avec microphone ou des écouteurs avec microphone pour capter le son au plus près de votre bouche et _empêcher l'écho_ (que votre microphone capte ce qui sort sur les hauts-parleurs).
 - Les micros intégrés aux ordinateurs portables récents captent généralement mieux le son que ceux des anciens.
-- Si vous êtes plusieurs sur un seul ordinateur, tenez compte du fait que les microphones sont directionnels : la personne qui parle doit être en face de l'ordinateur. 
+- Si vous êtes plusieurs sur un seul ordinateur, tenez compte du fait que les microphones sont directionnels : la personne qui parle doit être en face de l'ordinateur.
 
 ### Mes correspondant⋅es sont connecté⋅es, mais je ne vois ni n'entends rien
 
@@ -49,5 +49,4 @@ Essayez de :
 - Changer de connexion : connexion Internet d'un _smartphone_, Wi-Fi...
 - Changer de pérhipérique.
 
-Si rien de cela ne résoud le problème, il est temps de trouver une autre adresse pour votre visio d'aujourd'hui. Navré. ¯\\\_(ツ)\_/¯
-
+Si rien de cela ne résoud le problème, il est temps de trouver une autre adresse pour votre visio d'aujourd'hui. Navré. <span aria-hidden="true">¯\\\_(ツ)\_/¯</span>
diff --git a/content/prise_en_main/matrix.md b/content/prise_en_main/matrix.md
index 3714247..2c58946 100644
--- a/content/prise_en_main/matrix.md
+++ b/content/prise_en_main/matrix.md
@@ -13,14 +13,14 @@ avec votre famille, avec vos amis ou avec votre collectif ou association.
 
 # Accéder à Matrix
 
--   [🌐 Accéder via le navigateur](https://riot.deuxfleurs.fr)
--   [📥 Application Android (F-Droid)](https://f-droid.org/fr/packages/im.vector.app)
--   [📥 Application Android (Google Play Store)](https://play.google.com/store/apps/details?id=im.vector.app&hl=fr)
--   [📥 Application iOS](https://apps.apple.com/fr/app/riot-im/id1083446067)
+-   [<span aria-hidden="true">🌐</span> Accéder via le navigateur](https://riot.deuxfleurs.fr)
+-   [<span aria-hidden="true">📥</span> Application Android (F-Droid)](https://f-droid.org/fr/packages/im.vector.app)
+-   [<span aria-hidden="true">📥</span> Application Android (Google Play Store)](https://play.google.com/store/apps/details?id=im.vector.app&hl=fr)
+-   [<span aria-hidden="true">📥</span> Application iOS](https://apps.apple.com/fr/app/riot-im/id1083446067)
 
 # Guide d'inscription & d'utilisation
 
-Adrien a écrit un [guide d'installation/utilisation du résau Matrix](https://guide.zinz.dev) qui devrait vous aider à vous lancer. 
+Adrien a écrit un [guide d'installation/utilisation du résau Matrix](https://guide.zinz.dev) qui devrait vous aider à vous lancer.
 
 # Nos salons Deuxfleurs
 
@@ -28,10 +28,9 @@ Deuxfleurs a une pléthore de salons sur Matrix. C'est vraiment à cet endroit q
 
 ![espace_matrix_3salons.png](/img/matrix.png)
 
-À l'intérieur de cet espace, on vous recommande notamment les 3 salons suivants : 
+À l'intérieur de cet espace, on vous recommande notamment les 3 salons suivants :
 
 * [deuxfleurs::asso](https://matrix.to/#/#deuxfleurs:deuxfleurs.fr) où l'on parle de l'association.
 * [deuxfleurs::forum](https://matrix.to/#/#forum:deuxfleurs.fr) où l'on discute beaucoup des questions de numérique et société mais pas que.
 * [deuxfleurs::infra](https://matrix.to/#/#tech:deuxfleurs.fr) où l'on parle « techniques » (informatique, notamment).
 * [deuxfleurs::usages](https://matrix.to/#/#usages:deuxfleurs.fr) où l'on parle « usages » des services fournis par DeuxFleurs: bugs, problèmes, questions, remarques, souhaits, idées.
-
diff --git a/content/prise_en_main/plume.md b/content/prise_en_main/plume.md
index 2e85eb5..8fd50fd 100644
--- a/content/prise_en_main/plume.md
+++ b/content/prise_en_main/plume.md
@@ -7,11 +7,10 @@ extra:
 ---
 # Accéder à Plume
 
-- [🌐 Accéder via le navigateur](https://plume.deuxfleurs.fr)
+- [<span aria-hidden="true">🌐</span> Accéder via le navigateur](https://plume.deuxfleurs.fr)
 
 # Le Fédiverse
 
 # S'abonner
 
 # Créer du contenu
-