From 06e77c8cfcbe6d41b94405e8c72144c8e5939330 Mon Sep 17 00:00:00 2001
From: prx <prx@ybad.name>
Date: Thu, 30 Sep 2021 21:30:03 +0200
Subject: [PATCH] screen readers don't read puffy emoji

---
 TODO                                  | 1 -
 issues/_template/15_JOBS.html         | 2 +-
 issues/_template/20_CURRENT.html      | 2 +-
 issues/_template/30_STABLE.html       | 2 +-
 issues/_template/40_INTERVIEW.html    | 2 +-
 issues/_template/50_TIPS.html         | 2 +-
 issues/_template/60_COMMENTS.html     | 2 +-
 issues/_template/70_LINKS.html        | 2 +-
 issues/_template/80_ARTWORK.html      | 2 +-
 issues/_template/90_SOCIALMEDIAS.html | 2 +-
 issues/_template/91_QUOTES.html       | 2 +-
 issues/issue-1/20_CURRENT.html        | 2 +-
 issues/issue-1/30_STABLE.html         | 2 +-
 issues/issue-1/40_INTERVIEW.html      | 2 +-
 issues/issue-1/50_TIPS.html           | 2 +-
 issues/issue-1/60_COMMENTS.html       | 2 +-
 issues/issue-1/70_LINKS.html          | 2 +-
 issues/issue-1/80_ARTWORK.html        | 2 +-
 issues/issue-1/90_SOCIALMEDIAS.html   | 2 +-
 issues/issue-1/91_QUOTES.html         | 2 +-
 20 files changed, 19 insertions(+), 20 deletions(-)

diff --git a/TODO b/TODO
index d206a72..14209b1 100644
--- a/TODO
+++ b/TODO
@@ -1,3 +1,2 @@
 - homepage with links to the issues and some information (who, why, etc..)
 - keep the TODO file up to date
-- configure the puffies emojis to be avoided by screen readers
diff --git a/issues/_template/15_JOBS.html b/issues/_template/15_JOBS.html
index af5cd7d..9cd64b9 100644
--- a/issues/_template/15_JOBS.html
+++ b/issues/_template/15_JOBS.html
@@ -1,5 +1,5 @@
 <!-- SECTION -->
-<!--div class="puffies">🐡🐡🐡</div>
+<!--div class="puffies" aria-hidden="true">🐡🐡🐡</div>
 <h1>Job offers</h1>
 <ul>
     <li><a href=""></a></li>
diff --git a/issues/_template/20_CURRENT.html b/issues/_template/20_CURRENT.html
index 1fdf2fb..5075762 100644
--- a/issues/_template/20_CURRENT.html
+++ b/issues/_template/20_CURRENT.html
@@ -1,5 +1,5 @@
 <!-- SECTION -->
-<div class="puffies">🐡🐡🐡</div>
+<div class="puffies" aria-hidden="true">🐡🐡🐡</div>
 <h1>Recent -current changes</h1>
 <ul>
     <li></li>
diff --git a/issues/_template/30_STABLE.html b/issues/_template/30_STABLE.html
index 1b26d06..e45e28d 100644
--- a/issues/_template/30_STABLE.html
+++ b/issues/_template/30_STABLE.html
@@ -1,5 +1,5 @@
 <!-- SECTION -->
-<div class="puffies">🐡🐡🐡</div>
+<div class="puffies" aria-hidden="true">🐡🐡🐡</div>
 <h1>6.9-stable changes</h1>
 <ul>
     <li></li>
diff --git a/issues/_template/40_INTERVIEW.html b/issues/_template/40_INTERVIEW.html
index ff4b012..3c3e656 100644
--- a/issues/_template/40_INTERVIEW.html
+++ b/issues/_template/40_INTERVIEW.html
@@ -1,3 +1,3 @@
 <!-- SECTION -->
-<div class="puffies">🐡🐡🐡</div>
+<div class="puffies" aria-hidden="true">🐡🐡🐡</div>
 <h1>Interview</h1>
diff --git a/issues/_template/50_TIPS.html b/issues/_template/50_TIPS.html
index 49edf21..a05e33b 100644
--- a/issues/_template/50_TIPS.html
+++ b/issues/_template/50_TIPS.html
@@ -1,5 +1,5 @@
 <!-- SECTION -->
-<div class="puffies">🐡🐡🐡</div>
+<div class="puffies" aria-hidden="true">🐡🐡🐡</div>
 <h1>Shell tips</h1>
 <p>
 </p>
diff --git a/issues/_template/60_COMMENTS.html b/issues/_template/60_COMMENTS.html
index ba8d194..0480643 100644
--- a/issues/_template/60_COMMENTS.html
+++ b/issues/_template/60_COMMENTS.html
@@ -1,5 +1,5 @@
 <!-- SECTION -->
-<div class="puffies">🐡🐡🐡</div>
+<div class="puffies" aria-hidden="true">🐡🐡🐡</div>
 <h1>Reader comments</h1>
 <p>
 <em>Message received from XXX</em>
diff --git a/issues/_template/70_LINKS.html b/issues/_template/70_LINKS.html
index 745a24d..b59ad10 100644
--- a/issues/_template/70_LINKS.html
+++ b/issues/_template/70_LINKS.html
@@ -1,5 +1,5 @@
 <!-- SECTION -->
-<div class="puffies">🐡🐡🐡</div>
+<div class="puffies" aria-hidden="true">🐡🐡🐡</div>
 <h1>Going further</h1>
 <ul>
     <li><a href=""></a></li>
diff --git a/issues/_template/80_ARTWORK.html b/issues/_template/80_ARTWORK.html
index e894e14..2a496c3 100644
--- a/issues/_template/80_ARTWORK.html
+++ b/issues/_template/80_ARTWORK.html
@@ -1,5 +1,5 @@
 <!-- SECTION>
-<div class="puffies">🐡🐡🐡</div>
+<div class="puffies" aria-hidden="true">🐡🐡🐡</div>
 <h1>Artworks of the moment</h1>
 <a href="static/images/puffer_city_original.jpg"
     <img src="static/images/puffer_city_small.jpg"
diff --git a/issues/_template/90_SOCIALMEDIAS.html b/issues/_template/90_SOCIALMEDIAS.html
index 1b09314..bf9b8d4 100644
--- a/issues/_template/90_SOCIALMEDIAS.html
+++ b/issues/_template/90_SOCIALMEDIAS.html
@@ -1,5 +1,5 @@
 <!-- SECTION -->
-<div class="puffies">🐡🐡🐡</div>
+<div class="puffies" aria-hidden="true">🐡🐡🐡</div>
 <h1>On social medias</h1>
 <ul>
     <li><a href=""></a></li>
diff --git a/issues/_template/91_QUOTES.html b/issues/_template/91_QUOTES.html
index 0c02a69..77ee880 100644
--- a/issues/_template/91_QUOTES.html
+++ b/issues/_template/91_QUOTES.html
@@ -1,5 +1,5 @@
 <!-- SECTION>
-<div class="puffies">🐡🐡🐡</div>
+<div class="puffies" aria-hidden="true">🐡🐡🐡</div>
 <h1>Quote</h1>
 <blockquote>
     glub.
diff --git a/issues/issue-1/20_CURRENT.html b/issues/issue-1/20_CURRENT.html
index 2557410..20eca70 100644
--- a/issues/issue-1/20_CURRENT.html
+++ b/issues/issue-1/20_CURRENT.html
@@ -1,5 +1,5 @@
 <!-- SECTION -->
-<div class="puffies">🐡🐡🐡</div>
+<div class="puffies" aria-hidden="true">🐡🐡🐡</div>
 <h1>Recent -current changes</h1>
 <ul>
     <li>Base system repository has been locked and tagged 7.0 and development is now continuing.</li>
diff --git a/issues/issue-1/30_STABLE.html b/issues/issue-1/30_STABLE.html
index 222f1b3..9e6dcac 100644
--- a/issues/issue-1/30_STABLE.html
+++ b/issues/issue-1/30_STABLE.html
@@ -1,5 +1,5 @@
 <!-- SECTION -->
-<div class="puffies">🐡🐡🐡</div>
+<div class="puffies" aria-hidden="true">🐡🐡🐡</div>
 <h1>6.9-stable changes</h1>
 <ul>
     <li>27 September 2021: Errata #16: sshd</li>
diff --git a/issues/issue-1/40_INTERVIEW.html b/issues/issue-1/40_INTERVIEW.html
index 7ca3f94..6f77383 100644
--- a/issues/issue-1/40_INTERVIEW.html
+++ b/issues/issue-1/40_INTERVIEW.html
@@ -1,5 +1,5 @@
 <!-- SECTION>
-<div class="puffies">🐡🐡🐡</div>
+<div class="puffies" aria-hidden="true">🐡🐡🐡</div>
 <h2>Interview</h2>
 <p>
 </p-->
diff --git a/issues/issue-1/50_TIPS.html b/issues/issue-1/50_TIPS.html
index 2a5be69..ab8b7b3 100644
--- a/issues/issue-1/50_TIPS.html
+++ b/issues/issue-1/50_TIPS.html
@@ -1,5 +1,5 @@
 <!-- SECTION -->
-<div class="puffies">🐡🐡🐡</div>
+<div class="puffies" aria-hidden="true">🐡🐡🐡</div>
 <h1>Shell tips</h1>
 <p>
  With the default shell ksh, you may have noticed typing
diff --git a/issues/issue-1/60_COMMENTS.html b/issues/issue-1/60_COMMENTS.html
index ec49fb4..fc7f5a6 100644
--- a/issues/issue-1/60_COMMENTS.html
+++ b/issues/issue-1/60_COMMENTS.html
@@ -1,5 +1,5 @@
 <!-- SECTION-->
-<div class="puffies">🐡🐡🐡</div>
+<div class="puffies" aria-hidden="true">🐡🐡🐡</div>
 <h1>Reader comments</h1>
 <div>
     <p>I love the idea of a webzine! <em>- many people after showing the Webzine mockup</em></p>
diff --git a/issues/issue-1/70_LINKS.html b/issues/issue-1/70_LINKS.html
index 6d6c71a..71cf59d 100644
--- a/issues/issue-1/70_LINKS.html
+++ b/issues/issue-1/70_LINKS.html
@@ -1,5 +1,5 @@
 <!-- SECTION -->
-<div class="puffies">🐡🐡🐡</div>
+<div class="puffies" aria-hidden="true">🐡🐡🐡</div>
 <h1>Going further</h1>
 <ul>
     <li><a class="permalink" href="https://n.0x0.st/openbsdnow">OpenBSD Now! Unofficial OpenBSD news, updates and thoughts</a></li>
diff --git a/issues/issue-1/80_ARTWORK.html b/issues/issue-1/80_ARTWORK.html
index c4a9d3b..8f2547e 100644
--- a/issues/issue-1/80_ARTWORK.html
+++ b/issues/issue-1/80_ARTWORK.html
@@ -1,5 +1,5 @@
 <!-- SECTION -->
-<div class="puffies">🐡🐡🐡</div>
+<div class="puffies" aria-hidden="true">🐡🐡🐡</div>
 <h1>Artworks of the moment</h1>
 <p>
     <a href="images/puffy_city_original.jpg">
diff --git a/issues/issue-1/90_SOCIALMEDIAS.html b/issues/issue-1/90_SOCIALMEDIAS.html
index a9edbe2..06f20a2 100644
--- a/issues/issue-1/90_SOCIALMEDIAS.html
+++ b/issues/issue-1/90_SOCIALMEDIAS.html
@@ -1,5 +1,5 @@
 <!-- SECTION >
-<div class="puffies">🐡🐡🐡</div>
+<div class="puffies" aria-hidden="true">🐡🐡🐡</div>
 <h2>On social medias</h2>
 <ul>
     <li><a href=""></a></li>
diff --git a/issues/issue-1/91_QUOTES.html b/issues/issue-1/91_QUOTES.html
index cd0f339..0f34c6e 100644
--- a/issues/issue-1/91_QUOTES.html
+++ b/issues/issue-1/91_QUOTES.html
@@ -1,5 +1,5 @@
 <!-- SECTION -->
-<div class="puffies">🐡🐡🐡</div>
+<div class="puffies" aria-hidden="true">🐡🐡🐡</div>
 <h1>Quote</h1>
 <blockquote>
 <ul>