git: c33d966fc2 - main - Website: Fix HTML validation errors

From: Vladlen Popolitov <vladlen_at_FreeBSD.org>
Date: Sat, 19 Sep 2026 15:41:32 UTC
The branch main has been updated by vladlen:

URL: https://cgit.FreeBSD.org/doc/commit/?id=c33d966fc2f6216b11b6178c5c25549add9c4f53

commit c33d966fc2f6216b11b6178c5c25549add9c4f53
Author:     Vladlen Popolitov <vladlen@FreeBSD.org>
AuthorDate: 2026-09-19 15:41:26 +0000
Commit:     Vladlen Popolitov <vladlen@FreeBSD.org>
CommitDate: 2026-09-19 15:41:26 +0000

    Website: Fix HTML validation errors
    
    Replace h3 with p in footer.html to stop HTML validation errors
    about skipped heading levels on every page. Add the styles that
    h3 previously inherited from the browser (font-weight, line-height,
    padding) to .column-title in main.css so the footer looks unchanged.
    
    Differential Revision: https://reviews.freebsd.org/D59843
    PR: 297509
---
 website/themes/beastie/assets/styles/main.css            |  5 +++++
 .../themes/beastie/layouts/_partials/site-footer.html    | 16 ++++++++--------
 2 files changed, 13 insertions(+), 8 deletions(-)

diff --git a/website/themes/beastie/assets/styles/main.css b/website/themes/beastie/assets/styles/main.css
index d17cfafbc0..e7e55cc434 100644
--- a/website/themes/beastie/assets/styles/main.css
+++ b/website/themes/beastie/assets/styles/main.css
@@ -1463,6 +1463,11 @@ footer {
   margin-top: 0;
   font-size: inherit;
   border-bottom: none;
+  margin-bottom: .5rem;
+  font-weight: bold;
+  line-height: 1.3;
+  padding-top: .8rem;
+  padding-bottom: .3rem;
 }
 
 .column-elements-container {
diff --git a/website/themes/beastie/layouts/_partials/site-footer.html b/website/themes/beastie/layouts/_partials/site-footer.html
index a6d6eaed06..a8aca9465d 100755
--- a/website/themes/beastie/layouts/_partials/site-footer.html
+++ b/website/themes/beastie/layouts/_partials/site-footer.html
@@ -11,8 +11,8 @@
         </label>
       </div>
       </section>
-      <section class="about-column">
-        <h3 class="column-title">{{ i18n "f-about" }}</h3>
+      <section class="about-column" aria-labelledby="footer-about-title">
+        <p class="column-title" id="footer-about-title">{{ i18n "f-about" }}</p>
         <ul class="column-elements-container">
           <li>
             <a href="{{ "about" | relLangURL }}" class="column-element">{{ i18n "f-freebsd" }}</a>
@@ -34,8 +34,8 @@
           </li>
         </ul>
       </section>
-      <section class="documentation-column">
-        <h3 class="column-title">{{ i18n "f-documentation" }}</h3>
+      <section class="documentation-column" aria-labelledby="footer-documentation-title">
+        <p class="column-title" id="footer-documentation-title">{{ i18n "f-documentation" }}</p>
         <ul class="column-elements-container">
           <li>
             <a href="https://docs.freebsd.org" class="column-element">{{ i18n "f-documentation-portal" }}</a>
@@ -54,8 +54,8 @@
           </li>
         </ul>
       </section>
-      <section class="community-column">
-        <h3 class="column-title">{{ i18n "f-community" }}</h3>
+      <section class="community-column" aria-labelledby="footer-community-title">
+        <p class="column-title" id="footer-community-title">{{ i18n "f-community" }}</p>
         <ul class="column-elements-container">
           <li>
             <a href="{{ printf "%s%s%s" "https://docs.FreeBSD.org/" $currentLang "/articles/contributing" }}" class="column-element">{{ i18n "f-get-involved" }}</a>
@@ -74,8 +74,8 @@
           </li>
         </ul>
       </section>
-      <section class="legal-column">
-        <h3 class="column-title">{{ i18n "f-legal" }}</h3>
+      <section class="legal-column" aria-labelledby="footer-legal-title">
+        <p class="column-title" id="footer-legal-title">{{ i18n "f-legal" }}</p>
         <ul class="column-elements-container">
           <li>
             <a href="{{ "contact" | relLangURL }}" class="column-element">{{ i18n "f-contact" }}</a>