Fixes #871

Author: reshma045

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>