From d76ce7ba079e335471bcd2d82bf7ed5dc430fa6c Mon Sep 17 00:00:00 2001
From: Volpeon <git@volpeon.ink>
Date: Wed, 22 Dec 2021 10:58:07 +0100
Subject: Fixed accessibility issues
---
templates/base.html | 8 ++++----
templates/layouts/categorized_list.html | 2 +-
templates/partials/gallery_card.html | 6 +++---
templates/partials/grid_card.html | 4 ++--
templates/partials/list_card.html | 4 ++--
5 files changed, 12 insertions(+), 12 deletions(-)
(limited to 'templates')
diff --git a/templates/base.html b/templates/base.html
index 76a2cf3..353a2bd 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -49,7 +49,7 @@
<body>
<nav class="c-header">
<a class="c-header__item c-header__item--icon" href="/" title="$site.title$">
- <svg class="c-header__icon" width="1em" height="1em">
+ <svg class="c-header__icon" width="1em" height="1em" aria-label="Logo">
<use href="/symbols.svg#logo"></use>
</svg>
</a>
@@ -77,9 +77,9 @@ ${layouts/page()}
</main>
<footer class="c-footer">
- <div class="l-container l-container--pad-y u-pb0">
- <pre class="c-footer__ascii u-dn@sm-lo" aria-hidden="true">${partials/ascii_fox()}</pre>
- <pre class="c-footer__ascii u-dn@sm-hi" aria-hidden="true">${partials/ascii_fox_small()}</pre>
+ <div class="l-container l-container--pad-y u-pb0" aria-hidden="true">
+ <pre class="c-footer__ascii u-dn@sm-lo">${partials/ascii_fox()}</pre>
+ <pre class="c-footer__ascii u-dn@sm-hi">${partials/ascii_fox_small()}</pre>
</div>
</footer>
</body>
diff --git a/templates/layouts/categorized_list.html b/templates/layouts/categorized_list.html
index e0bd1db..fd21017 100644
--- a/templates/layouts/categorized_list.html
+++ b/templates/layouts/categorized_list.html
@@ -27,7 +27,7 @@ $body$
<div class="c-card__block c-card__block--main">
$it.omitted$ more items
</div>
- <svg class="c-card__block o-icon" width="1em" height="1em">
+ <svg class="c-card__block o-icon" width="1em" height="1em" aria-hidden="true">
<use href="/symbols.svg#icon-arrow-right"></use>
</svg>
</div>
diff --git a/templates/partials/gallery_card.html b/templates/partials/gallery_card.html
index a2dbe5f..f3c85e8 100644
--- a/templates/partials/gallery_card.html
+++ b/templates/partials/gallery_card.html
@@ -3,7 +3,7 @@ $if(it.thumbnail)$
<a href="$it.url.rel$" class="l-card-list__card c-card">
<div class="c-card__row c-card__row--flush">
<div class="c-card__thumbnail">
- <img class="c-card__thumbnail-img" src="$it.thumbnail.rel$" />
+ <img class="c-card__thumbnail-img" src="$it.thumbnail.rel$" alt="Preview thumbnail of "$it.title$"" />
</div>
</div>
<div class="c-card__row c-card__row--hidden">
@@ -11,7 +11,7 @@ $if(it.thumbnail)$
<div class="c-card__block c-card__block--indicator"></div>
$endif$
$if(it.icon)$
- <svg class="c-card__block o-icon" width="1em" height="1em">
+ <svg class="c-card__block o-icon" width="1em" height="1em" aria-hidden="true">
<use href="/symbols.svg#icon-$it.icon$"></use>
</svg>
$endif$
@@ -37,7 +37,7 @@ $if(it.thumbnail)$
$endif$
</div>
$if(it.post_icon)$
- <svg class="c-card__block o-icon" width="1em" height="1em">
+ <svg class="c-card__block o-icon" width="1em" height="1em" aria-hidden="true">
<use href="/symbols.svg#icon-$it.post_icon$"></use>
</svg>
$endif$
diff --git a/templates/partials/grid_card.html b/templates/partials/grid_card.html
index 25cde52..1b7c000 100644
--- a/templates/partials/grid_card.html
+++ b/templates/partials/grid_card.html
@@ -5,7 +5,7 @@ $if(it.url)$
<div class="c-card__block c-card__block--indicator"></div>
$endif$
$if(it.icon)$
- <svg class="c-card__block o-icon" width="1em" height="1em">
+ <svg class="c-card__block o-icon" width="1em" height="1em" aria-hidden="true">
<use href="/symbols.svg#icon-$it.icon$"></use>
</svg>
$endif$
@@ -31,7 +31,7 @@ $if(it.url)$
$endif$
</div>
$if(it.post_icon)$
- <svg class="c-card__block o-icon" width="1em" height="1em">
+ <svg class="c-card__block o-icon" width="1em" height="1em" aria-hidden="true">
<use href="/symbols.svg#icon-$it.post_icon$"></use>
</svg>
$endif$
diff --git a/templates/partials/list_card.html b/templates/partials/list_card.html
index 8244cf5..ef52cf4 100644
--- a/templates/partials/list_card.html
+++ b/templates/partials/list_card.html
@@ -5,7 +5,7 @@ $if(it.url)$
<div class="c-card__block c-card__block--indicator"></div>
$endif$
$if(it.icon)$
- <svg class="c-card__block o-icon" width="1em" height="1em">
+ <svg class="c-card__block o-icon" width="1em" height="1em" aria-hidden="true">
<use href="/symbols.svg#icon-$it.icon$"></use>
</svg>
$endif$
@@ -35,7 +35,7 @@ $if(it.url)$
</time>
$endif$
$if(it.post_icon)$
- <svg class="c-card__block o-icon" width="1em" height="1em">
+ <svg class="c-card__block o-icon" width="1em" height="1em" aria-hidden="true">
<use href="/symbols.svg#icon-$it.post_icon$"></use>
</svg>
$endif$
--
cgit v1.2.3-70-g09d2