From: Danilo M. <redacted>
Date: Fri, 17 Apr 2026 07:27:53 +0000 (+0200)
Subject: feat: verify semantic HTML - replace div with button in toast-close
X-Git-Tag: release_22042026-1342~170
X-Git-Url: https://git.danix.xyz/?a=commitdiff_plain;h=0039d39a4de38c4f09db317e06652aea3271004f;p=danix.xyz-2.git

feat: verify semantic HTML - replace div with button in toast-close

Replace div element with actual button element for toast notification close
control. Adds type='button' and aria-label for accessibility. Maintains all
Alpine.js functionality via @click handler.

WCAG 2.1 AA compliance: 1.3.1 Info and Relationships
---

diff --git a/themes/danix-xyz-hacker/layouts/partials/toast-container.html b/themes/danix-xyz-hacker/layouts/partials/toast-container.html
index 1c5fbf2..7bbd3c0 100644
--- a/themes/danix-xyz-hacker/layouts/partials/toast-container.html
+++ b/themes/danix-xyz-hacker/layouts/partials/toast-container.html
@@ -5,7 +5,7 @@
   <template x-for="toast in toasts" :key="toast.id">
     <div class="toast" :class="`toast-${toast.type}`" x-show="toasts.length > 0">
       <span x-text="toast.message"></span>
-      <div class="toast-close" @click="removeToast(toast.id)"></div>
+      <button class="toast-close" @click="removeToast(toast.id)" type="button" aria-label="Close notification"></button>
     </div>
   </template>
 </div>