Uses complementary landmarks

_includes/author_list.html

@@ -1,6 +1,6 @@
 {% assign currentAuthorName = include.currentAuthorName %}
-<div class="author-list cell">
-    <h4>Authors</h4>
+<aside aria-labelledby="author-list" class="author-list cell">
+    <h4 id="author-list">Authors</h4>
     <ul>
         {% comment %}
             Create an array of maps to make the full name of authors the top level property.
@@ -34,4 +34,4 @@ <h4>Authors</h4>
             {% endif %}
         {% endfor %}
     </ul>
-</div>
+</aside>

_includes/category_list.html

@@ -1,6 +1,6 @@
 {% assign selectedIndex = include.selectedIndex %}
-<div class="category-list cell">
-    <h4>Categories</h4>
+<aside aria-labelledby="category-list" class="category-list cell">
+    <h4 id="category-list">Categories</h4>
     <ul>
         {% for category in site.data.categories %}
             <li>
@@ -10,4 +10,4 @@ <h4>Categories</h4>
             </li>
         {% endfor %}
     </ul>
-</div>
+</aside>

_includes/read_more.html

@@ -10,12 +10,10 @@
                 <path d="M0 69.5L69.5 0h42.4L0 111.9V69.5zm0 70.7L140.2 0h.9l20.7 20.7L0 182.6v-42.4zm0 70.7l176-176 21.2 21.2L1.3 252H0v-41.1zM29.6 252L211.4 70.2l21.2 21.2L72 252H29.6zm70.7 0l146.4-146.4 5.3 5.3v31.9L142.7 252h-42.4z"/>
             </svg>
 
-
-
-            <h2>Read more</h2>
+            <h2 id="read-more">Read more</h2>
         </div>
         <div class="small-2 cell hide-for-large">
             {% include social.html %}
         </div>
     </div>
-</div>
+</div>

_includes/recruitment.html

@@ -21,10 +21,10 @@
     {% endif %}
 {% endcapture %}
 
-<div class="cell grid-margin-y grid-padding-y grid-x">
+<aside aria-labelledby="recruitment" class="cell grid-margin-y grid-padding-y grid-x">
     <div class="cell grid-margin-y grid-padding-y grid-x">
-        <h2>Thinking of joining us?</h2>
+        <h2 id="recruitment">Thinking of joining us?</h2>
         If you enjoyed this blog post and are interested in working with smart {{ family_name | strip }} on challenging software projects,
         <a href="https://www.scottlogic.com/careers/{{ url | strip}}">check out our current vacancies</a>.
     </div>
-</div>
+</aside>

_includes/watch_more.html

@@ -1,17 +1,17 @@
-
-<div class="grid-x grid-margin-y grid-padding-y">
+<aside aria-labelledby="watch-more" class="grid-x grid-margin-y grid-padding-y">
     <div class="cell grid-x grid-margin-y grid-padding-y">
         <div class="read-more cell large-6 small-10 grid-margin-y">
             <svg class="show-for-large" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 252 252">
                 <path d="M0 69.5L69.5 0h42.4L0 111.9V69.5zm0 70.7L140.2 0h.9l20.7 20.7L0 182.6v-42.4zm0 70.7l176-176 21.2 21.2L1.3 252H0v-41.1zM29.6 252L211.4 70.2l21.2 21.2L72 252H29.6zm70.7 0l146.4-146.4 5.3 5.3v31.9L142.7 252h-42.4z"/>
             </svg>
 
-            <h2>Watch more</h2>
+            <h2 id="watch-more">Watch more</h2>
             <div class="cell"><a href="{{ site.baseurl }}/category/videos.html">View all videos</a></div>
             <div class="cell"><a href="https://www.youtube.com/channel/UCGX_lcYr7WS9hkrx2W1VEhw">Watch even more on the Scott Logic YouTube channel</a></div>
         </div>
         <div class="small-2 cell hide-for-large">
             {% include social.html %}
         </div>
     </div>
-</div>
+</aside>
+

_layouts/default_post.html

@@ -92,16 +92,18 @@ <h1 class="title">{{ page.title }}</h1>
       <div class="cell post-content">
         {{ content }}
       </div>
-      
+
       {% if site.data.related contains post.url %}
-        {% include read_more.html author=author authorUsername=authorUsername page=page %}
-        {% assign related = site.data.related[post.url] %}
-        {% assign posts = site.posts | where_exp:"item", "item.url == related[0]" %}
-        {% include post_summary_list.html posts=posts hideCategory=true %}
-        {% assign posts = site.posts | where_exp:"item", "item.url == related[1]" %}
-        {% include post_summary_list.html posts=posts hideCategory=true %}
+        <aside aria-labelledby="read-more">
+          {% include read_more.html author=author authorUsername=authorUsername page=page %}
+          {% assign related = site.data.related[post.url] %}
+          {% assign posts = site.posts | where_exp:"item", "item.url == related[0]" %}
+          {% include post_summary_list.html posts=posts hideCategory=true %}
+          {% assign posts = site.posts | where_exp:"item", "item.url == related[1]" %}
+          {% include post_summary_list.html posts=posts hideCategory=true %}
+        </aside>
       {% endif %}
-      
+
       {% include recruitment.html page=page %}
     </div>
     <div class="side-lists cell large-3 large-offset-1 show-for-large grid-padding-y">

_layouts/video_post.html

@@ -71,13 +71,15 @@ <h1 class="title">{{ page.title }}</h1>
       </div>
       {% include social.html %}
     </div>
+
     <div class="post-content cell large-6">
       <div class="cell">
         {{ content }}
       </div>
-      {% include watch_more.html %}
 
+      {% include watch_more.html %}
     </div>
+
     <div class="side-lists cell large-3 large-offset-1 show-for-large grid-padding-y">
       {% include author_summary.html %}
       {% for contributorId in page.contributors %}