aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorDawid Potocki <dawid@dawidpotocki.com>2020-08-11 22:13:23 +1200
committerDawid Potocki <dawid@dawidpotocki.com>2020-08-11 22:13:23 +1200
commita1e4e375a1a383d46c9bd441dcf1cab1f1f8b352 (patch)
tree1ecc9f5a06b26c8c98e96c84314ba00050046c0c
parentb8a1f2857030d3d35435a501ad788cf38e9f2e51 (diff)
Add alt text to all images
-rw-r--r--_includes/aside.html4
-rw-r--r--pages/index.html26
2 files changed, 25 insertions, 5 deletions
diff --git a/_includes/aside.html b/_includes/aside.html
index 21b8356..06c169d 100644
--- a/_includes/aside.html
+++ b/_includes/aside.html
@@ -4,7 +4,9 @@
<div class="flex flex-col items-center md:w-full">
<img
src="/assets/img/logo.svg"
- class="shadow rounded-lg w-24 h-24 sm:w-32 sm:h-32" />
+ class="shadow rounded-lg w-24 h-24 sm:w-32 sm:h-32"
+ alt="Logo, upside down face with horns"
+ aria-hidden="true" />
<span class="text-base text-2xl md:text-3xl mt-2">{{ site.author }}</span>
</div>
diff --git a/pages/index.html b/pages/index.html
index f5f6451..a778c73 100644
--- a/pages/index.html
+++ b/pages/index.html
@@ -11,15 +11,33 @@ pagination:
<div class="card rounded-b-none sm:rounded-bl">
<em title="One way to say hello in Polish">Serwus</em>,
welcome to my boring website. I am a student interested in technology, born in
- <span class="whitespace-no-wrap"><img class="h-4 inline-block" src="/assets/img/flags/pl.svg" /> Poland</span>
- <span class="mr-1">and living in</span>
- <span class="whitespace-no-wrap"><img class="h-4 inline-block" src="/assets/img/flags/nz.svg" /> New Zealand</span>.
+ <span class="whitespace-no-wrap">
+ <img
+ src="/assets/img/flags/pl.svg"
+ class="h-4 inline-block"
+ alt="Flag of Poland"
+ aria-hidden="true" />
+ Poland
+ </span>
+ and living in
+ <span class="whitespace-no-wrap">
+ <img
+ src="/assets/img/flags/nz.svg"
+ class="h-4 inline-block"
+ alt="Flag of New Zealand"
+ aria-hidden="true" />
+ New Zealand
+ </span>.
I like having pineapple on my pizza.
</div>
<div class="sm:flex justify-end mb-10 sm:-mb-4">
<a class="btn bg-orange-900 hover:bg-orange-800 rounded-t-none flex justify-center px-6" href="/feed.xml">
- <img class="inline w-5 mr-2" src="/assets/img/layout/rss.svg" />
+ <img
+ src="/assets/img/layout/rss.svg"
+ class="inline w-5 mr-2"
+ alt="RSS logo"
+ aria-hidden="true" />
Atom feed
</a>
</div>