Semantic Accessibility and SEO Improvements: Correct List Parent Tags and Heading Levels (#35339)

sass/homeassistant/_overrides.scss

@@ -366,7 +366,7 @@ header .breadcrumbs {
     margin: 0 -24px;
     text-align: left;
 
-    h4 {
+    h3 {
       text-transform: uppercase;
       font-size: .9rem;
       letter-spacing: 0.005em;

source/_includes/site/footer.html

@@ -22,7 +22,7 @@
         </div>
 
         <div class="grid__item one-quarter lap-one-half palm-one-whole">
-          <h4>Join us and contribute!</h4>
+          <h3>Join us and contribute!</h3>
           <ul>
             <li><a class="external-link" href="https://github.com/home-assistant/">GitHub repo {% icon "tabler:external-link" %}</a></li>
             <li><a class="external-link" href="https://developers.home-assistant.io">Developers Portal {% icon "tabler:external-link" %}</a></li>
@@ -32,7 +32,7 @@
             <li><a href="/help/reporting_issues/">Reporting issues</a></li>
             <li><a href="https://home-assistant-store.creator-spring.com/">Community Merch Store</a></li>
           </ul>
-          <h4>System status</h4>
+          <h3>System status</h3>
           <ul>
             <li>
               <a class="external-link"  href="https://alerts.home-assistant.io">Integration Alerts {% icon "tabler:external-link" %}</a>
@@ -45,13 +45,13 @@
         </div>
 
         <div class="grid__item one-quarter lap-one-half palm-one-whole">
-          <h4>Companion apps</h4>
+          <h3>Companion apps</h3>
           <ul>
             <li><a class="external-link" href="https://apps.apple.com/us/app/home-assistant/id1099568401">iOS and Apple devices</a></li>
             <li><a class="external-link" href="https://play.google.com/store/apps/details?id=io.homeassistant.companion.android">Android and Wear OS</a></li>
             <li><a class="external-link" href="https://companion.home-assistant.io/">...and more!</a></li>
           </ul>
-          <h4>Governance</h4>
+          <h3>Governance</h3>
           <ul>
             <li><a href="/privacy/">Privacy Notices</a></li>
             <li><a href="/developers/cla/">Contributor License Agreement</a></li>
@@ -64,7 +64,7 @@
 
         <div class="socials grid__item one-quarter lap-one-half palm-one-whole">
 
-          <h4>Follow us</h4>
+          <h3>Follow us</h3>
           <p><a class="external-link" href='https://building.open-home.io/#/portal'>Sign up for our newsletter {% icon "tabler:external-link" %}</a></p>
           <div class="icons">
             <a

source/index.html

@@ -17,12 +17,14 @@ feedback: false
       <div class="recent-posts material-card text">
         <h1>{% icon "mdi:newspaper-variant-multiple" %} Recent Blog Posts</h1>
 
-        {% for post in site.posts limit: 4 %}
-        <li class="post" style="display: grid; font-size: 16px">
-          <a href="{{ post.url }}">{{ post.title }}</a>
-          <small class="blog-date">{{ post.date_formatted }}</small>
-        </li>
-        {% endfor %}
+        <ol>
+          {% for post in site.posts limit: 4 %}
+            <li class="post" style="display: grid; font-size: 16px">
+              <a href="{{ post.url }}">{{ post.title }}</a>
+              <small class="blog-date">{{ post.date_formatted }}</small>
+            </li>
+          {% endfor %}
+        </ol>
       </div>
 
       <div class="join-community material-card text">