change role=main to main tag

daattali · daattali · commit 068bf0f63cb9 · 2023-11-09T20:13:29.000Z
diff --git a/_layouts/default.html b/_layouts/default.html
@@ -4,7 +4,7 @@
 
 <div class="intro-header"></div>
 
-<div role="main" class="{% if page.full-width %} container-fluid {% else %} container-md {% endif %}">
+<main class="{% if page.full-width %} container-fluid {% else %} container-md {% endif %}">
   {% if page.before-content %}
     <div class="before-content">
       {% for file in page.before-content %}
@@ -22,4 +22,4 @@
       {% endfor %}
     </div>
   {% endif %}
-</div>
+</main>
diff --git a/_layouts/minimal.html b/_layouts/minimal.html
@@ -20,7 +20,7 @@
 
   <body>
 
-    <div role="main" class="{% if page.full-width %} container-fluid {% else %} container-md {% endif %} main-content">
+    <main class="{% if page.full-width %} container-fluid {% else %} container-md {% endif %} main-content">
       {% if page.before-content %}
         <div class="before-content">
           {% for file in page.before-content %}
@@ -38,7 +38,7 @@
           {% endfor %}
         </div>
       {% endif %}
-    </div>
+    </main>
 
     {% include footer-minimal.html %}
 
diff --git a/_layouts/page.html b/_layouts/page.html
@@ -4,7 +4,7 @@
 
 {% include header.html type="page" %}
 
-<div class="{% if page.full-width %} container-fluid {% else %} container-md {% endif %}" role="main">
+<main class="{% if page.full-width %} container-fluid {% else %} container-md {% endif %}">
   <div class="row">
     <div class="{% if page.full-width %} col {% else %} col-xl-8 offset-xl-2 col-lg-10 offset-lg-1 {% endif %}">
       {% if page.before-content %}
@@ -28,4 +28,4 @@
       {% include comments.html %}
     </div>
   </div>
-</div>
+</main>
diff --git a/_layouts/post.html b/_layouts/post.html
@@ -39,9 +39,9 @@
         </div>
       {% endif %}
 
-      <article role="main" class="blog-post">
+      <main class="blog-post">
         {{ content }}
-      </article>
+      </main>
 
       {% if page.tags.size > 0 %}
         <div class="blog-tags">
