From 7c668fea4e9bb44e5e1130dfaeb0b30682f4dd94 Mon Sep 17 00:00:00 2001
From: Kazhnuz <kazhnuz@kobold.cafe>
Date: Sat, 6 Sep 2025 15:51:12 +0200
Subject: [PATCH] =?UTF-8?q?=E2=99=BF=EF=B8=8F=20Don't=20use=20titles=20in?=
 =?UTF-8?q?=20sidebar?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Use labelled landmarks. It'll allow for the titles to be handled for the documents section only.
---
 bl-plugins/about/plugin.php          | 4 ++--
 bl-plugins/archive/plugin.php        | 4 ++--
 bl-plugins/categories/plugin.php     | 4 ++--
 bl-plugins/hit-counter/plugin.php    | 6 +++---
 bl-plugins/last-articles/plugin.php  | 4 ++--
 bl-plugins/links/plugin.php          | 6 +++---
 bl-plugins/navigation/plugin.php     | 4 ++--
 bl-plugins/search/plugin.php         | 6 +++---
 bl-plugins/socials/plugin.php        | 4 ++--
 bl-plugins/static-pages/plugin.php   | 4 ++--
 bl-plugins/tags/plugin.php           | 4 ++--
 bl-themes/defaultTheme/css/style.css | 9 ++++++++-
 12 files changed, 33 insertions(+), 26 deletions(-)

diff --git a/bl-plugins/about/plugin.php b/bl-plugins/about/plugin.php
index 35f7f051..7b18108b 100644
--- a/bl-plugins/about/plugin.php
+++ b/bl-plugins/about/plugin.php
@@ -25,8 +25,8 @@ class pluginAbout extends Plugin
 
 	public function siteSidebar()
 	{
-		$html  = '<div class="plugin plugin-about">';
-		$html .= '<h2 class="plugin-label">' . $this->getValue('label') . '</h2>';
+		$html  = '<div class="plugin plugin-about" aria-labelledby="plugin-about-label">';
+		$html .= '<p id="plugin-about-label" class="plugin-label">' . $this->getValue('label') . '</p>';
 		$html .= '<div class="plugin-content">';
 		$html .= Theme::getHomepagePresentation();
 		$html .= '</div>';
diff --git a/bl-plugins/archive/plugin.php b/bl-plugins/archive/plugin.php
index 295da058..234c25f6 100644
--- a/bl-plugins/archive/plugin.php
+++ b/bl-plugins/archive/plugin.php
@@ -41,8 +41,8 @@ class pluginArchives extends Plugin
 
 		$filter = $url->filters('archive');
 
-		$html  = '<nav class="plugin plugin-archives" aria-labelledby="plugin-archives-title">';
-		$html .= '<h2 class="plugin-label" id="plugin-archives-title">' . $this->getValue('label') . '</h2>';
+		$html  = '<nav class="plugin plugin-archives" aria-labelledby="plugin-archives-label">';
+		$html .= '<p class="plugin-label" id="plugin-archives-label">' . $this->getValue('label') . '</p>';
 		$html .= '<div class="plugin-content">';
 		$html .= MenuHelper::getArchive($this->getValue('monthly'), "flat-list");
 		$html .= '</div>';
diff --git a/bl-plugins/categories/plugin.php b/bl-plugins/categories/plugin.php
index 0c12fe29..1bded047 100644
--- a/bl-plugins/categories/plugin.php
+++ b/bl-plugins/categories/plugin.php
@@ -41,8 +41,8 @@ class pluginCategories extends Plugin
 		global $categories;
 
 		// HTML for sidebar
-		$html  = '<nav class="plugin plugin-categories">';
-		$html .= '<h2 class="plugin-label">' . $this->getValue('label') . '</h2>';
+		$html  = '<nav class="plugin plugin-categories" aria-labelledby="plugin-categories-label">';
+		$html .= '<p class="plugin-label" id="plugin-categories-label">' . $this->getValue('label') . '</p>';
 		$html .= '<div class="plugin-content">';
 		$html .= MenuHelper::getCategories($this->getValue('hideCero'), true);
 		$html .= '</div>';
diff --git a/bl-plugins/hit-counter/plugin.php b/bl-plugins/hit-counter/plugin.php
index 3ebfc96c..584a7484 100644
--- a/bl-plugins/hit-counter/plugin.php
+++ b/bl-plugins/hit-counter/plugin.php
@@ -69,12 +69,12 @@ class pluginHitCounter extends Plugin
 		}
 
 		// Show in the sidebar the number of visitors
-		$html  = '<div class="plugin plugin-hit-counter">';
-		$html .= '<h2 class="plugin-label">' . $this->getValue('label') . '</h2>';
+		$html  = '<section class="plugin plugin-hit-counter" aria-labelledby="plugin-hit-counter-label">';
+		$html .= '<p class="plugin-label" id="plugin-hit-counter-label">' . $this->getValue('label') . '</p>';
 		$html .= '<div class="plugin-content">';
 		$html .= '<div class="counter">' . $counter . '</div>';
 		$html .= '</div>';
-		$html .= '</div>';
+		$html .= '</section>';
 
 		return $html;
 	}
diff --git a/bl-plugins/last-articles/plugin.php b/bl-plugins/last-articles/plugin.php
index 643fd8ec..56199438 100644
--- a/bl-plugins/last-articles/plugin.php
+++ b/bl-plugins/last-articles/plugin.php
@@ -41,12 +41,12 @@ class pluginLastArticles extends Plugin
 		global $pages;
 
 		// HTML for sidebar
-		$html  = '<nav class="plugin plugin-lastarticles">';
+		$html  = '<nav class="plugin plugin-lastarticles" aria-labelledby="plugin-lastarticles-label">';
 
 		// Print the label if not empty
 		$label = $this->getValue('label');
 		if (!empty($label)) {
-			$html .= '<h2 class="plugin-label">' . $label . '</h2>';
+			$html .= '<p class="plugin-label" id="plugin-lastarticles-label">' . $label . '</p>';
 		}
 
 		$html .= '<div class="plugin-content">';
diff --git a/bl-plugins/links/plugin.php b/bl-plugins/links/plugin.php
index 113f3d9c..c2855040 100644
--- a/bl-plugins/links/plugin.php
+++ b/bl-plugins/links/plugin.php
@@ -124,9 +124,9 @@ class pluginLinks extends Plugin
 		global $L;
 
 		// HTML for sidebar
-		$html  = '<div class="plugin plugin-pages">';
+		$html  = '<nav class="plugin plugin-links" aria-labelledby="plugin-links-label">';
 		if ($this->getValue('label')) {
-			$html .= '<h2 class="plugin-label">' . $this->getValue('label') . '</h2>';
+			$html .= '<p class="plugin-label" id="plugin-links-label">' . $this->getValue('label') . '</p>';
 		}
 		$html .= '<div class="plugin-content">';
 		$html .= '<ul>';
@@ -146,7 +146,7 @@ class pluginLinks extends Plugin
 
 		$html .= '</ul>';
 		$html .= '</div>';
-		$html .= '</div>';
+		$html .= '</nav>';
 
 		return $html;
 	}
diff --git a/bl-plugins/navigation/plugin.php b/bl-plugins/navigation/plugin.php
index 62900c25..c3bbf813 100644
--- a/bl-plugins/navigation/plugin.php
+++ b/bl-plugins/navigation/plugin.php
@@ -44,12 +44,12 @@ class pluginNavigation extends Plugin
 		global $pages;
 
 		// HTML for sidebar
-		$html  = '<nav class="plugin plugin-navigation">';
+		$html  = '<nav class="plugin plugin-navigation" aria-labelledby="plugin-navigation-label">';
 
 		// Print the label if not empty
 		$label = $this->getValue('label');
 		if (!empty($label)) {
-			$html .= '<h2 class="plugin-label">' . $label . '</h2>';
+			$html .= '<p class="plugin-label" id="plugin-navigation-label">' . $label . '</p>';
 		}
 
 		$html .= '<div class="plugin-content">';
diff --git a/bl-plugins/search/plugin.php b/bl-plugins/search/plugin.php
index 5e3d1c9b..01b42082 100644
--- a/bl-plugins/search/plugin.php
+++ b/bl-plugins/search/plugin.php
@@ -49,15 +49,15 @@ class pluginSearch extends Plugin
 	{
 		global $L;
 
-		$html  = '<div class="plugin plugin-search">';
-		$html .= '<h2 class="plugin-label">' . $this->getValue('label') . '</h2>';
+		$html  = '<section class="plugin plugin-search" aria-labelledby="plugin-search-label">';
+		$html .= '<p class="plugin-label" id="plugin-search-label">' . $this->getValue('label') . '</p>';
 		$html .= '<div class="plugin-content">';
 		$html .= '<input type="text" dir="auto" id="jspluginSearchText" /> ';
 		if ($this->getValue('showButtonSearch')) {
 			$html .= '<input type="button" value="' . $L->get('Search') . '" onClick="pluginSearch()" />';
 		}
 		$html .= '</div>';
-		$html .= '</div>';
+		$html .= '</section>';
 
 		$DOMAIN_BASE = DOMAIN_BASE;
 		$html .= <<<EOF
diff --git a/bl-plugins/socials/plugin.php b/bl-plugins/socials/plugin.php
index 44a533e7..1ae90526 100644
--- a/bl-plugins/socials/plugin.php
+++ b/bl-plugins/socials/plugin.php
@@ -28,8 +28,8 @@ class pluginSocials extends Plugin {
 		global $L;
 		global $url;
 
-		$html  = '<div class="plugin plugin-archives">';
-		$html .= '<h2 class="plugin-label">' . $this->getValue('label') . '</h2>';
+		$html  = '<div class="plugin plugin-archives" aria-labelledby="plugin-archives-label">';
+		$html .= '<p class="plugin-label" id="plugin-archives-label">' . $this->getValue('label') . '</p>';
 		$html .= '<div class="plugin-content">';
         $html .= Theme::listSiteSocials(true, true);
         $html .= '</div>';
diff --git a/bl-plugins/static-pages/plugin.php b/bl-plugins/static-pages/plugin.php
index e7a751d3..798b8a9f 100644
--- a/bl-plugins/static-pages/plugin.php
+++ b/bl-plugins/static-pages/plugin.php
@@ -44,12 +44,12 @@ class pluginStaticPages extends Plugin
 		global $pages;
 
 		// HTML for sidebar
-		$html  = '<nav class="plugin plugin-static-pages">';
+		$html  = '<nav class="plugin plugin-static-pages" aria-labelledby="plugin-static-pages-label">';
 
 		// Print the label if not empty
 		$label = $this->getValue('label');
 		if (!empty($label)) {
-			$html .= '<h2 class="plugin-label">' . $label . '</h2>';
+			$html .= '<p class="plugin-label" id="plugin-static-pages-label">' . $label . '</p>';
 		}
 
 		$html .= '<div class="plugin-content">';
diff --git a/bl-plugins/tags/plugin.php b/bl-plugins/tags/plugin.php
index 9ceaeda8..dc2cc19a 100644
--- a/bl-plugins/tags/plugin.php
+++ b/bl-plugins/tags/plugin.php
@@ -31,8 +31,8 @@ class pluginTags extends Plugin
 
 		$filter = $url->filters('tag');
 
-		$html  = '<nav class="plugin plugin-tags">';
-		$html .= '<h2 class="plugin-label">' . $this->getValue('label') . '</h2>';
+		$html  = '<nav class="plugin plugin-tags" aria-labelledby="plugin-tags-label">';
+		$html .= '<p class="plugin-label" id="plugin-tags-label">' . $this->getValue('label') . '</p>';
 		$html .= '<div class="plugin-content">';
 		$html .= MenuHelper::getTags(1, "flat-list");
 		$html .= '</div>';
diff --git a/bl-themes/defaultTheme/css/style.css b/bl-themes/defaultTheme/css/style.css
index c72d5cae..2b0dbad1 100755
--- a/bl-themes/defaultTheme/css/style.css
+++ b/bl-themes/defaultTheme/css/style.css
@@ -123,9 +123,10 @@ aside {
 	background-color: var(--well-color);
 	padding: 16px;
 
-	h2 {
+	.plugin-label {
 		font-size: 1rem;
 		margin-bottom: 0.5rem;
+		font-weight: bold;
 	}
 
 	.plugin {
@@ -185,6 +186,12 @@ article {
 	margin: 0 0 1rem 0
 }
 
+article iframe {
+	height: auto;
+	width: 100%;
+	display: block;
+}
+
 .no-margin {
 	margin: 0;
 }