diff options
author | Wynn Wolf Arbor | 2020-07-15 10:59:52 +0200 |
---|---|---|
committer | Wynn Wolf Arbor | 2020-07-15 10:59:52 +0200 |
commit | 044fe1e03d2c3ec6cc0e430250cea9ed20f0d0a2 (patch) | |
tree | 342629a0ad4f7451533314fca3eb35adc3a6d457 | |
parent | 3970744f9fba676d1a6253cae652941a804c9dfe (diff) | |
download | site-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.scss | 2 | ||||
-rw-r--r-- | templates/index.xml | 2 |
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> |