Accessibility improvements

- Adds semantic 'article' tag to blog posts

Removed from PR:
- Adds main landmark (this is particularly helpful for screen readers - tested with NVDA on Windows)

src/layouts/_default/home.html

@@ -6,7 +6,7 @@
       {{- /* Don't lazyload the first asset in each page (video, banner etc) */ -}}
       {{- $lazyload := cond (eq $i 0) false true -}}
 
-      <div class="post">
+      <article class="post">
         <h1 class="post-title fw-semibold">
           <a href="{{ .RelPermalink }}" class="text-decoration-none">{{ .Title }}</a>
         </h1>
@@ -22,7 +22,7 @@ <h1 class="post-title fw-semibold">
         {{- end }}
 
         {{ .Content }}
-      </div>
+      </article>
     {{- end }}
   </div>
 

src/layouts/posts/single.html

@@ -1,6 +1,6 @@
 {{ define "main" }}
 <div class="posts-container mx-auto my-5">
-  <div class="post">
+  <article class="post">
     <h1 class="post-title fw-semibold">{{ .Page.Title }}</h1>
     {{ partial "author-info" (dict "context" .) -}}
 
@@ -13,7 +13,7 @@ <h1 class="post-title fw-semibold">{{ .Page.Title }}</h1>
     {{- end -}}
 
     {{ .Content }}
-  </div>
+  </article>
 
   <div class="related">
     <h2 class="h3 mb-3">Related posts</h2>