From 044fe1e03d2c3ec6cc0e430250cea9ed20f0d0a2 Mon Sep 17 00:00:00 2001
From: Wynn Wolf Arbor
Date: Wed, 15 Jul 2020 10:59:52 +0200
Subject: Wrap article titles in <h1> for the index page

This should make it easier for screen readers to build a page outline
and is recommended [1] by W3C.

[1] https://www.w3.org/wiki/HTML/Usage/Headings/Missing
---
 scss/style.scss     | 2 ++
 templates/index.xml | 2 +-
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/scss/style.scss b/scss/style.scss
index e56b390..0fbfd79 100644
--- a/scss/style.scss
+++ b/scss/style.scss
@@ -103,6 +103,8 @@ nav li > article {
 	}
 
 	a { align-self: flex-start; }
+
+	h1 { font-size: 2.7rem; }
 }
 
 header.post {
diff --git a/templates/index.xml b/templates/index.xml
index c9197c0..6ae13e4 100644
--- a/templates/index.xml
+++ b/templates/index.xml
@@ -42,7 +42,7 @@
 			<nav data-sblg-nav="true" data-sblg-navcontent="true">
 				<article>
 					<time>${sblg-date}</time>
-					<a href="${sblg-base}">${sblg-titletext}</a>
+					<h1><a href="${sblg-base}">${sblg-titletext}</a></h1>
 				</article>
 			</nav>
 		</main>
-- 
cgit v1.2.3-2-gb3c3