From 3efdeb50a72579330ca9b969bd941a92f3f99c4c Mon Sep 17 00:00:00 2001
From: Reshma R <reshmareshu045@gmail.com>
Date: Sat, 28 Jun 2025 16:12:59 +0900
Subject: [PATCH] Fixes #871

---
 src/components/Callout/index.astro | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/src/components/Callout/index.astro b/src/components/Callout/index.astro
index 4ce4bde700..9a342985e4 100644
--- a/src/components/Callout/index.astro
+++ b/src/components/Callout/index.astro
@@ -14,7 +14,12 @@ const currentLocale = getCurrentLocale(Astro.url.pathname);
 const t = await getUiTranslator(currentLocale);
 ---
 
-<div class={`callout ${props.title ? 'callout-note' : ''}`}>
-  <h5>{t('calloutTitles', props.title || "Try this!")}</h5>
+<section 
+  class={`callout ${props.title ? 'callout-note' : ''}`} 
+  role="region" 
+  aria-label={String(t('calloutTitles', props.title || "Try this!"))}>
+  <div class="callout-heading" style="font-weight: bold;">
+    {t('calloutTitles', props.title || "Try this!")}
+  </div>
   <slot />
-</div>
+</section>