screen readers don't read puffy emoji

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

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>

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>

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>

issues/_template/40_INTERVIEW.html

@@ -1,3 +1,3 @@
 <!-- SECTION -->
-<div class="puffies">🐡🐡🐡</div>
+<div class="puffies" aria-hidden="true">🐡🐡🐡</div>
 <h1>Interview</h1>

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>

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>

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>

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"

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>

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.

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>

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>

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-->

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

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>

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>

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">

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>

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>