From 5a73b59297f50fedce0a4aa4ddd6f209d38d87cc Mon Sep 17 00:00:00 2001
From: pengzhanbo <volodymyr@foxmail.com>
Date: Thu, 12 Feb 2026 01:00:52 +0800
Subject: [PATCH] fix(theme): broken card a11y, close #841 (#848)

---
 theme/src/client/components/global/VPCard.vue | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/theme/src/client/components/global/VPCard.vue b/theme/src/client/components/global/VPCard.vue
index 08572ae7..2221f4f0 100644
--- a/theme/src/client/components/global/VPCard.vue
+++ b/theme/src/client/components/global/VPCard.vue
@@ -21,14 +21,14 @@ const iconName = computed<string | { svg: string }>(() => {
 <template>
   <article class="vp-card-wrapper">
     <slot name="title">
-      <p v-if="title || icon" class="title">
+      <header v-if="title || icon" class="title">
         <VPIcon v-if="icon" :name="iconName" />
         <span v-if="title" class="text" v-html="title" />
-      </p>
+      </header>
     </slot>
-    <div class="body">
+    <section class="body">
       <slot />
-    </div>
+    </section>
   </article>
 </template>
 
@@ -68,6 +68,7 @@ const iconName = computed<string | { svg: string }>(() => {
 
 .vp-card-wrapper .title .text {
   flex: 1 2;
+  min-width: 0;
   overflow: hidden;
 }