Hide icons and images from screenreaders

_mixins.pug

@@ -7,7 +7,7 @@ mixin responsive_image(alt, thumb, fallback, urls, sizes, aspect_ratio)
 
 mixin theme_card(id, name)
   a.card(href=`/assets/images/${id}.png`)
-    .image
+    .image(aria-hidden="true")
       +responsive_image(name, `/assets/images/${id}@thumb.jpg`, `/assets/images/${id}@266.png`, `/assets/images/${id}@220.png 220w, /assets/images/${id}@266.png 266w, /assets/images/${id}@335.png 335w, /assets/images/${id}@352.png 352w, /assets/images/${id}@532.png 532w`, "(max-width: 767px) calc(50vw - 2em + 1px), (max-width: 991px) 336px, (max-width: 1199px) 221px, 267px", "177.7777777777778%")
     .content
       .extra=name
\ No newline at end of file

_template.pug

@@ -60,17 +60,17 @@ html(lang="en")
           .ui.container
             .ui.large.secondary.menu.inverted
               a.view-ui.item(href="/", class=(page === 'index' ? 'active' : ''))
-                img.ui.logo.left(src="/assets/images/icon.svg")
+                img.ui.logo.left(src="/assets/images/icon.svg" aria-hidden="true")
                 | Quasseldroid
               a.view-ui.item(href="/docs/")
                 | Docs
               .right.menu
                 a.view-ui.item(href="https://git.kuschku.de/justjanne/quasseldroid-ng/")
-                  i.icon.github.left
+                  i.icon.github.left(aria-hidden="true")
                   span.text.
                     Source
                 a.view-ui.item(href="/releases/", class=(page === 'releases' ? 'active' : ''))
-                  i.icon.download.left
+                  i.icon.download.left(aria-hidden="true")
                   span.text.
                     Download
         block content

index.pug

@@ -11,16 +11,16 @@ block content
           Chat comfortably, everywhere.
         .ui.hidden.divider
         a.ui.huge.inverted.download.button(aria-label="Download" href="/releases/")
-          i.icon.download.left
+          i.icon.download.left(aria-hidden="true")
           span.text.
             Download
         a.ui.huge.inverted.basic.button(aria-label="Source" href="https://git.kuschku.de/justjanne/quasseldroid-ng/")
-          i.icon.github.left
+          i.icon.github.left(aria-hidden="true")
           span.text.
             Source
       .row
         .wide.column
-          #image_container
+          #image_container(aria-hidden="true")
             img.phone(alt="Screenshot of Quasseldroid on a phone" src="/assets/images/phone@400.png" sizes="(max-height: 800px) calc(50vw + 101px), (max-width: 800px) calc(50vw + 101px), calc(33vw + 1px)" srcset="/assets/images/phone@220.png 220w, /assets/images/phone@300.png 300w, /assets/images/phone@400.png 400w, /assets/images/phone@520.png 520w, /assets/images/phone@640.png 640w, /assets/images/phone@800.png 800w, /assets/images/phone@1000.png 1000w, /assets/images/phone@1220.png 1220w")
             noscript
               img(alt="Screenshot of Quasseldroid on a tablet" src="/assets/images/tablet@1090.png" sizes="calc(33vw + 1px)" srcset="/assets/images/tablet@545.png 545w, /assets/images/tablet@640.png 640w, /assets/images/tablet@720.png 720w, /assets/images/tablet@800.png 800w, /assets/images/tablet@880.png 880w, /assets/images/tablet@960.png 960w, /assets/images/tablet@1090.png 1090w, /assets/images/tablet@1635.png 1635w, /assets/images/tablet@2180.png 2180w").tablet
@@ -44,7 +44,7 @@ block content
         .nine.wide.column
           .ui.one.doubling.cards
             .card
-              .image
+              .image(aria-hidden="true")
                 +responsive_image("Screenshot of Quassel on desktop", "/assets/images/desktop@thumb.jpg", "/assets/images/desktop@590.png", "/assets/images/desktop@363.png 363w, /assets/images/desktop@474.png 474w, /assets/images/desktop@590.png 590w, /assets/images/desktop@726.png 726w, /assets/images/desktop@948.png 948w, /assets/images/desktop@1180.png 1180w", "(max-width: 767px) calc(100vw + 1px), (max-width: 991px) 364px, (max-width: 1199px) 475px, 591px", "75.5932203389830%")
       .ui.divider
       .computer.reversed.row#never_miss_a_thing
@@ -59,7 +59,7 @@ block content
         .nine.wide.column
           .ui.one.doubling.cards
             .card
-              .image
+              .image(aria-hidden="true")
                 +responsive_image("Screenshot of Quasseldroid notifications", "/assets/images/notifications@thumb.jpg", "/assets/images/notifications@590.png", "/assets/images/notifications@363.png 363w, /assets/images/notifications@474.png 474w, /assets/images/notifications@590.png 590w", "(max-width: 767px) calc(100vw + 1px), (max-width: 991px) 364px, (max-width: 1199px) 475px, 591px", "51.57407407407407%")
       .ui.divider
       .row#make_it_yours

privacy-policy/index.html

@@ -4,7 +4,7 @@
 </style><style>@font-face{font-family:'Lato';src:url("/assets/fonts/Lato-Regular.eot");src:url("/assets/fonts/Lato-Regular.eot?#iefix") format("embedded-opentype"),url("/assets/fonts/Lato-Regular.woff2") format("woff2"),url("/assets/fonts/Lato-Regular.woff") format("woff"),url("/assets/fonts/Lato-Regular.ttf") format("truetype");font-style:normal;font-weight:normal;font-display:fallback;text-rendering:optimizeLegibility}@font-face{font-family:'Lato';src:url("/assets/fonts/Lato-Bold.eot");src:url("/assets/fonts/Lato-Bold.eot?#iefix") format("embedded-opentype"),url("/assets/fonts/Lato-Bold.woff2") format("woff2"),url("/assets/fonts/Lato-Bold.woff") format("woff"),url("/assets/fonts/Lato-Bold.ttf") format("truetype");font-style:normal;font-weight:bold;font-display:fallback;text-rendering:optimizeLegibility}@font-face{font-family:'Lato';src:url("/assets/fonts/Lato-BoldItalic.eot");src:url("/assets/fonts/Lato-BoldItalic.eot?#iefix") format("embedded-opentype"),url("/assets/fonts/Lato-BoldItalic.woff2") format("woff2"),url("/assets/fonts/Lato-BoldItalic.woff") format("woff"),url("/assets/fonts/Lato-BoldItalic.ttf") format("truetype");font-style:italic;font-weight:bold;font-display:fallback;text-rendering:optimizeLegibility}@font-face{font-family:'Lato';src:url("/assets/fonts/Lato-Italic.eot");src:url("/assets/fonts/Lato-Italic.eot?#iefix") format("embedded-opentype"),url("/assets/fonts/Lato-Italic.woff2") format("woff2"),url("/assets/fonts/Lato-Italic.woff") format("woff"),url("/assets/fonts/Lato-Italic.ttf") format("truetype");font-style:italic;font-weight:normal;font-display:fallback;text-rendering:optimizeLegibility}@font-face{font-family:'IconFont';src:url("/assets/fonts/icons.eot");src:url("/assets/fonts/icons.eot?#iefix") format("embedded-opentype"),url("/assets/fonts/icons.woff2") format("woff2"),url("/assets/fonts/icons.woff") format("woff"),url("/assets/fonts/icons.ttf") format("truetype"),url("/assets/fonts/icons.svg#icons") format("svg");font-style:normal;font-weight:normal;font-variant:normal;font-display:swap}
 </style></head><body class="noscript privacy-policy" id="page-index"><noscript><style>img[data-src] {
   display: none !important;
-}</style></noscript><script>document.body.classList.remove("noscript");</script><div class="pusher"><div class="full height"><div class="following bar"><div class="ui container"><div class="ui large secondary menu inverted"><a class="view-ui item" href="/"><img class="ui logo left" src="/assets/images/icon.svg">Quasseldroid</a><a class="view-ui item" href="/docs/">Docs</a><div class="right menu"><a class="view-ui item" href="https://git.kuschku.de/justjanne/quasseldroid-ng/"><i class="icon github left"></i><span class="text">Source</span></a><a class="view-ui item" href="/releases/"><i class="icon download left"></i><span class="text">Download</span></a></div></div></div></div><div class="ui vertical stripe intro segment"><div class="ui stackable very relaxed center aligned grid container"><div class="row"><div class="column left aligned"><h2 class="ui header">Privacy Policy</h2><h3 class="ui header">Website</h3><p>While visiting our website, your computer transmits various pieces of data to our website. These vary based
+}</style></noscript><script>document.body.classList.remove("noscript");</script><div class="pusher"><div class="full height"><div class="following bar"><div class="ui container"><div class="ui large secondary menu inverted"><a class="view-ui item" href="/"><img class="ui logo left" src="/assets/images/icon.svg" aria-hidden="true">Quasseldroid</a><a class="view-ui item" href="/docs/">Docs</a><div class="right menu"><a class="view-ui item" href="https://git.kuschku.de/justjanne/quasseldroid-ng/"><i class="icon github left" aria-hidden="true"></i><span class="text">Source</span></a><a class="view-ui item" href="/releases/"><i class="icon download left" aria-hidden="true"></i><span class="text">Download</span></a></div></div></div></div><div class="ui vertical stripe intro segment"><div class="ui stackable very relaxed center aligned grid container"><div class="row"><div class="column left aligned"><h2 class="ui header">Privacy Policy</h2><h3 class="ui header">Website</h3><p>While visiting our website, your computer transmits various pieces of data to our website. These vary based
 on browser and operating system, and usually include:</p><ul class="ui list"><li>Browser and version</li><li>Operating system and version</li><li>The previously visited website (Referrer URL)</li><li>Hostname and/or IP address of your computer</li><li>Time and date of the access</li></ul><p>We currently collect and store your IP address, URLs you access and your user agent for up to 2 weeks to be
 able to analyze active security threats. These logs are not transferred to any third party.
 </p><h3 class="ui header">App</h3><p>The app supports automatic crash reporting. In version 0.11 this is currently disabled, in later releases

releases/index.html

@@ -4,7 +4,7 @@
 </style><style>@font-face{font-family:'Lato';src:url("/assets/fonts/Lato-Regular.eot");src:url("/assets/fonts/Lato-Regular.eot?#iefix") format("embedded-opentype"),url("/assets/fonts/Lato-Regular.woff2") format("woff2"),url("/assets/fonts/Lato-Regular.woff") format("woff"),url("/assets/fonts/Lato-Regular.ttf") format("truetype");font-style:normal;font-weight:normal;font-display:fallback;text-rendering:optimizeLegibility}@font-face{font-family:'Lato';src:url("/assets/fonts/Lato-Bold.eot");src:url("/assets/fonts/Lato-Bold.eot?#iefix") format("embedded-opentype"),url("/assets/fonts/Lato-Bold.woff2") format("woff2"),url("/assets/fonts/Lato-Bold.woff") format("woff"),url("/assets/fonts/Lato-Bold.ttf") format("truetype");font-style:normal;font-weight:bold;font-display:fallback;text-rendering:optimizeLegibility}@font-face{font-family:'Lato';src:url("/assets/fonts/Lato-BoldItalic.eot");src:url("/assets/fonts/Lato-BoldItalic.eot?#iefix") format("embedded-opentype"),url("/assets/fonts/Lato-BoldItalic.woff2") format("woff2"),url("/assets/fonts/Lato-BoldItalic.woff") format("woff"),url("/assets/fonts/Lato-BoldItalic.ttf") format("truetype");font-style:italic;font-weight:bold;font-display:fallback;text-rendering:optimizeLegibility}@font-face{font-family:'Lato';src:url("/assets/fonts/Lato-Italic.eot");src:url("/assets/fonts/Lato-Italic.eot?#iefix") format("embedded-opentype"),url("/assets/fonts/Lato-Italic.woff2") format("woff2"),url("/assets/fonts/Lato-Italic.woff") format("woff"),url("/assets/fonts/Lato-Italic.ttf") format("truetype");font-style:italic;font-weight:normal;font-display:fallback;text-rendering:optimizeLegibility}@font-face{font-family:'IconFont';src:url("/assets/fonts/icons.eot");src:url("/assets/fonts/icons.eot?#iefix") format("embedded-opentype"),url("/assets/fonts/icons.woff2") format("woff2"),url("/assets/fonts/icons.woff") format("woff"),url("/assets/fonts/icons.ttf") format("truetype"),url("/assets/fonts/icons.svg#icons") format("svg");font-style:normal;font-weight:normal;font-variant:normal;font-display:swap}
 </style></head><body class="noscript releases" id="page-index"><noscript><style>img[data-src] {
   display: none !important;
-}</style></noscript><script>document.body.classList.remove("noscript");</script><div class="pusher"><div class="full height"><div class="following bar"><div class="ui container"><div class="ui large secondary menu inverted"><a class="view-ui item" href="/"><img class="ui logo left" src="/assets/images/icon.svg">Quasseldroid</a><a class="view-ui item" href="/docs/">Docs</a><div class="right menu"><a class="view-ui item" href="https://git.kuschku.de/justjanne/quasseldroid-ng/"><i class="icon github left"></i><span class="text">Source</span></a><a class="view-ui item active" href="/releases/"><i class="icon download left"></i><span class="text">Download</span></a></div></div></div></div><div class="ui vertical stripe intro segment"><div class="ui stackable very relaxed center aligned grid container"><div class="row"><div class="column left aligned"><h2 class="ui header">Downloads</h2><p>Quasseldroid is available on F-Droid and the Google Play Store.</p></div></div><div class="row centered"><div class="wide column"><div class="ui four doubling cards"><div class="card"><a href="https://play.google.com/store/apps/details?id=com.iskrembilen.quasseldroid"><img alt="Google Play" src="/assets/images/badge_play.svg"></a></div><div class="card"><a href="https://f-droid.org/packages/com.iskrembilen.quasseldroid/"><img alt="F-Droid" src="/assets/images/badge_fdroid.svg"></a></div></div></div></div><div class="row"><div class="column left aligned"><p>The latest beta version is available through our <a href="https://repo.kuschku.de/fdroid/repo/?fingerprint=A0CBC2C29E38ED9542F86A1188412A60C5A756FC4D7A31C4C622242D7AD021F2">F-Droid repository</a>,
+}</style></noscript><script>document.body.classList.remove("noscript");</script><div class="pusher"><div class="full height"><div class="following bar"><div class="ui container"><div class="ui large secondary menu inverted"><a class="view-ui item" href="/"><img class="ui logo left" src="/assets/images/icon.svg" aria-hidden="true">Quasseldroid</a><a class="view-ui item" href="/docs/">Docs</a><div class="right menu"><a class="view-ui item" href="https://git.kuschku.de/justjanne/quasseldroid-ng/"><i class="icon github left" aria-hidden="true"></i><span class="text">Source</span></a><a class="view-ui item active" href="/releases/"><i class="icon download left" aria-hidden="true"></i><span class="text">Download</span></a></div></div></div></div><div class="ui vertical stripe intro segment"><div class="ui stackable very relaxed center aligned grid container"><div class="row"><div class="column left aligned"><h2 class="ui header">Downloads</h2><p>Quasseldroid is available on F-Droid and the Google Play Store.</p></div></div><div class="row centered"><div class="wide column"><div class="ui four doubling cards"><div class="card"><a href="https://play.google.com/store/apps/details?id=com.iskrembilen.quasseldroid"><img alt="Google Play" src="/assets/images/badge_play.svg"></a></div><div class="card"><a href="https://f-droid.org/packages/com.iskrembilen.quasseldroid/"><img alt="F-Droid" src="/assets/images/badge_fdroid.svg"></a></div></div></div></div><div class="row"><div class="column left aligned"><p>The latest beta version is available through our <a href="https://repo.kuschku.de/fdroid/repo/?fingerprint=A0CBC2C29E38ED9542F86A1188412A60C5A756FC4D7A31C4C622242D7AD021F2">F-Droid repository</a>,
 through the <a href="https://play.google.com/apps/testing/com.iskrembilen.quasseldroid">Play Store Beta</a>
 or through our <a href="https://s3.kuschku.de/minio/releases/quasseldroid-ng/">build archive</a>.</p></div></div><div class="row"><div class="wide column"><div class="ui centered cards"><div class="card"><a href="https://repo.kuschku.de/fdroid/repo/?fingerprint=A0CBC2C29E38ED9542F86A1188412A60C5A756FC4D7A31C4C622242D7AD021F2"><img alt="F-Droid Repo QR Code" src="/assets/images/repo.svg"></a></div></div></div></div></div></div></div><div class="ui black inverted vertical footer segment"><div class="ui center aligned container"><div class="ui stackable inverted grid"><div class="three wide column"><h4 class="ui inverted header">Community</h4><div class="ui inverted link list"><a class="item" href="https://www.transifex.com/quasseldroid-1/quasseldroid-1/">Help Translate</a><a class="item" href="https://lithium.kuschku.de/quasseldroid-theme-editor/">Create a Theme</a><a class="item" href="https://git.kuschku.de/justjanne/quasseldroid-ng/issues/">Submit an Issue</a><a class="item" href="ircs://chat.freenode.org/#quasseldroid">Join our Chat</a><a class="item" href="/docs/">Documentation</a><a class="item" href="/privacy-policy/">Privacy Policy</a></div></div><div class="three wide column"><h4 class="ui inverted header">Discover More</h4><div class="ui inverted link list"><a class="item" href="https://quassel-irc.org/">Quassel</a><a class="item" href="https://github.com/magne4000/quassel-webserver/">quassel-webserver</a><a class="item" href="https://github.com/phhusson/quassel-irssi">quassel-irssi</a><a class="item" href="https://woboq.com/iquassel.html">iQuassel</a><a class="item" href="http://github.com/justjanne/quassel-rest-search">Quassel-Rest-Search</a></div></div></div><div class="ui inverted section divider"></div><img class="ui centered mini image" src="/assets/images/icon.svg"><div class="ui horizontal inverted small divided link list"><a class="item" href="https://git.kuschku.de/justjanne/quasseldroid-ng/">Free &amp; Open Source
 </a></div></div></div></div><script src="/assets/js/intersectionobserver.min.js"></script><script>document.addEventListener("DOMContentLoaded", () => {