From 9e8d0685d6199dcf02593b97c89697361e771bf1 Mon Sep 17 00:00:00 2001
From: Marcel Werk <burntime@woltlab.com>
Date: Fri, 13 Feb 2026 17:44:12 +0100
Subject: [PATCH 1/2] Improve A11Y of the article navigation

---
 com.woltlab.wcf/templates/article.tpl | 40 +++++++++++++++------------
 1 file changed, 22 insertions(+), 18 deletions(-)

diff --git a/com.woltlab.wcf/templates/article.tpl b/com.woltlab.wcf/templates/article.tpl
index f1a5684760..915b79e3a8 100644
--- a/com.woltlab.wcf/templates/article.tpl
+++ b/com.woltlab.wcf/templates/article.tpl
@@ -210,40 +210,44 @@
 {if $previousArticle || $nextArticle}
 	<div class="section entry__navigation">
 		{if $previousArticle}
-			<div class="entry__navigation__item entry__navigation__item--previous{if $previousArticle->getTeaserImage()} entry__navigation__item--withImage{/if}">
-				<div class="entry__navigation__item__icon">
+			<article class="entry__navigation__item entry__navigation__item--previous{if $previousArticle->getTeaserImage()} entry__navigation__item--withImage{/if}">
+				<div class="entry__navigation__item__icon" aria-hidden="true">
 					{icon size=48 name='chevron-left'}
 				</div>
 				{if $previousArticle->getTeaserImage()}
-					<div class="entry__navigation__item__image">{unsafe:$previousArticle->getTeaserImage()->getElementTag(96)}</div>
+					<div class="entry__navigation__item__image" aria-hidden="true">
+						{unsafe:$previousArticle->getTeaserImage()->getElementTag(96)}
+					</div>
 				{/if}
-				<div class="entry__navigation__item__content">
-					<div class="entry__navigation__item__entityName">{lang}wcf.article.previousArticle{/lang}</div>
-					<div class="entry__navigation__item__title">
+				<h2 class="entry__navigation__item__content">
+					<span class="entry__navigation__item__entityName">{lang}wcf.article.previousArticle{/lang}</span>
+					<span class="entry__navigation__item__title">
 						<a href="{$previousArticle->getLink()}" rel="prev" class="entry__navigation__item__link articleLink" data-object-id="{$previousArticle->getObjectID()}">
 							{$previousArticle->getTitle()}
 						</a>
-					</div>
-				</div>
-			</div>
+					</span>
+				</h2>
+			</article>
 		{/if}
 		{if $nextArticle}
-			<div class="entry__navigation__item entry__navigation__item--next{if $nextArticle->getTeaserImage()} entry__navigation__item--withImage{/if}">
-				<div class="entry__navigation__item__icon">
+			<article class="entry__navigation__item entry__navigation__item--next{if $nextArticle->getTeaserImage()} entry__navigation__item--withImage{/if}">
+				<div class="entry__navigation__item__icon" aria-hidden="true">
 					{icon size=48 name='chevron-right'}
 				</div>
 				{if $nextArticle->getTeaserImage()}
-					<div class="entry__navigation__item__image">{unsafe:$nextArticle->getTeaserImage()->getElementTag(96)}</div>
+					<div class="entry__navigation__item__image" aria-hidden="true">
+						{unsafe:$nextArticle->getTeaserImage()->getElementTag(96)}
+					</div>
 				{/if}
-				<div class="entry__navigation__item__content">
-					<div class="entry__navigation__item__entityName">{lang}wcf.article.nextArticle{/lang}</div>
-					<div class="entry__navigation__item__title">
+				<h2 class="entry__navigation__item__content">
+					<span class="entry__navigation__item__entityName">{lang}wcf.article.nextArticle{/lang}</span>
+					<span class="entry__navigation__item__title">
 						<a href="{$nextArticle->getLink()}" rel="prev" class="entry__navigation__item__link articleLink" data-object-id="{$nextArticle->getObjectID()}">
 							{$nextArticle->getTitle()}
 						</a>
-					</div>
-				</div>
-			</div>
+					</span>
+				</h2>
+			</article>
 		{/if}
 	</div>
 {/if}

From 7ffbde66c5fab71ac79e8b230317de5f4ccfd39c Mon Sep 17 00:00:00 2001
From: Marcel Werk <burntime@woltlab.com>
Date: Fri, 13 Feb 2026 19:09:09 +0100
Subject: [PATCH 2/2] Apply suggestions from code review

Co-authored-by: Alexander Ebert <ebert@woltlab.com>
---
 com.woltlab.wcf/templates/article.tpl | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/com.woltlab.wcf/templates/article.tpl b/com.woltlab.wcf/templates/article.tpl
index 915b79e3a8..024dfb2937 100644
--- a/com.woltlab.wcf/templates/article.tpl
+++ b/com.woltlab.wcf/templates/article.tpl
@@ -211,7 +211,7 @@
 	<div class="section entry__navigation">
 		{if $previousArticle}
 			<article class="entry__navigation__item entry__navigation__item--previous{if $previousArticle->getTeaserImage()} entry__navigation__item--withImage{/if}">
-				<div class="entry__navigation__item__icon" aria-hidden="true">
+				<div class="entry__navigation__item__icon">
 					{icon size=48 name='chevron-left'}
 				</div>
 				{if $previousArticle->getTeaserImage()}
@@ -231,7 +231,7 @@
 		{/if}
 		{if $nextArticle}
 			<article class="entry__navigation__item entry__navigation__item--next{if $nextArticle->getTeaserImage()} entry__navigation__item--withImage{/if}">
-				<div class="entry__navigation__item__icon" aria-hidden="true">
+				<div class="entry__navigation__item__icon">
 					{icon size=48 name='chevron-right'}
 				</div>
 				{if $nextArticle->getTeaserImage()}