summaryrefslogtreecommitdiffstatshomepage
diff options
context:
space:
mode:
authorWynn Wolf Arbor2020-07-15 10:59:52 +0200
committerWynn Wolf Arbor2020-07-15 10:59:52 +0200
commit044fe1e03d2c3ec6cc0e430250cea9ed20f0d0a2 (patch)
tree342629a0ad4f7451533314fca3eb35adc3a6d457
parent3970744f9fba676d1a6253cae652941a804c9dfe (diff)
downloadsite-044fe1e03d2c3ec6cc0e430250cea9ed20f0d0a2.tar.gz
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
-rw-r--r--scss/style.scss2
-rw-r--r--templates/index.xml2
2 files changed, 3 insertions, 1 deletions
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>