From e86522935d940648062b2bceb57b3c58a1da2463 Mon Sep 17 00:00:00 2001
From: Nathan Knowler <nathan@knowler.dev>
Date: Sat, 31 Jan 2026 11:10:54 -0600
Subject: [PATCH 1/3] refactor: use an `<article>` element for for package
 readme

Co-authored-by: Rshig <90143161+rshigg@users.noreply.github.com>
---
 app/pages/[...package].vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/app/pages/[...package].vue b/app/pages/[...package].vue
index 6446d8fc6..71350bbb1 100644
--- a/app/pages/[...package].vue
+++ b/app/pages/[...package].vue
@@ -893,7 +893,7 @@ function handleClick(event: MouseEvent) {
       </div>
 
       <!-- README -->
-      <section id="readme" class="area-readme min-w-0 scroll-mt-20">
+      <article id="readme" class="area-readme min-w-0 scroll-mt-20">
         <h2 id="readme-heading" class="group text-xs text-fg-subtle uppercase tracking-wider mb-4">
           <a
             href="#readme"
@@ -919,7 +919,7 @@ function handleClick(event: MouseEvent) {
             $t('package.readme.view_on_github')
           }}</a>
         </p>
-      </section>
+      </article>
 
       <div class="area-sidebar">
         <!-- Sidebar -->

From b671b9ad586dac38be0380ae79d3ae55017b4c26 Mon Sep 17 00:00:00 2001
From: Nathan Knowler <nathan@knowler.dev>
Date: Sat, 31 Jan 2026 11:36:15 -0600
Subject: [PATCH 2/3] refactor: set article on the readme contents itself

---
 app/pages/[...package].vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/app/pages/[...package].vue b/app/pages/[...package].vue
index 71350bbb1..3d7f3f771 100644
--- a/app/pages/[...package].vue
+++ b/app/pages/[...package].vue
@@ -893,7 +893,7 @@ function handleClick(event: MouseEvent) {
       </div>
 
       <!-- README -->
-      <article id="readme" class="area-readme min-w-0 scroll-mt-20">
+      <section id="readme" class="area-readme min-w-0 scroll-mt-20">
         <h2 id="readme-heading" class="group text-xs text-fg-subtle uppercase tracking-wider mb-4">
           <a
             href="#readme"
@@ -907,7 +907,7 @@ function handleClick(event: MouseEvent) {
           </a>
         </h2>
         <!-- eslint-disable vue/no-v-html -- HTML is sanitized server-side -->
-        <div
+        <article
           v-if="readmeData?.html"
           class="readme-content prose prose-invert max-w-[70ch]"
           v-html="readmeData.html"
@@ -919,7 +919,7 @@ function handleClick(event: MouseEvent) {
             $t('package.readme.view_on_github')
           }}</a>
         </p>
-      </article>
+      </section>
 
       <div class="area-sidebar">
         <!-- Sidebar -->

From 7b007fbea58ab7a7a88327060d9021411948c895 Mon Sep 17 00:00:00 2001
From: Nathan Knowler <nathan@knowler.dev>
Date: Sat, 31 Jan 2026 11:54:15 -0600
Subject: [PATCH 3/3] refactor: remove `<aside>` element used for sidebar

---
 app/components/PackageSkeleton.vue | 4 ++--
 app/pages/[...package].vue         | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/app/components/PackageSkeleton.vue b/app/components/PackageSkeleton.vue
index d297bb3f0..103e39b2c 100644
--- a/app/components/PackageSkeleton.vue
+++ b/app/components/PackageSkeleton.vue
@@ -150,7 +150,7 @@
       </div>
 
       <!-- Sidebar: order-1 lg:order-2 space-y-8 -->
-      <aside class="order-1 lg:order-2 space-y-8">
+      <div class="order-1 lg:order-2 space-y-8">
         <!-- Maintainers -->
         <section>
           <h2
@@ -249,7 +249,7 @@
             </li>
           </ul>
         </section>
-      </aside>
+      </div>
     </div>
   </article>
 </template>
diff --git a/app/pages/[...package].vue b/app/pages/[...package].vue
index 3d7f3f771..caf779b48 100644
--- a/app/pages/[...package].vue
+++ b/app/pages/[...package].vue
@@ -923,7 +923,7 @@ function handleClick(event: MouseEvent) {
 
       <div class="area-sidebar">
         <!-- Sidebar -->
-        <aside class="sticky top-20 space-y-6 sm:space-y-8 min-w-0 overflow-hidden">
+        <div class="sticky top-20 space-y-6 sm:space-y-8 min-w-0 overflow-hidden">
           <!-- Maintainers (with admin actions when connected) -->
           <PackageMaintainers :package-name="pkg.name" :maintainers="pkg.maintainers" />
 
@@ -1031,7 +1031,7 @@ function handleClick(event: MouseEvent) {
             :peer-dependencies-meta="displayVersion.peerDependenciesMeta"
             :optional-dependencies="displayVersion.optionalDependencies"
           />
-        </aside>
+        </div>
       </div>
     </article>