From 0039d39a4de38c4f09db317e06652aea3271004f Mon Sep 17 00:00:00 2001
From: "Danilo M." <danix@danix.xyz>
Date: Fri, 17 Apr 2026 09:27:53 +0200
Subject: 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
---
 themes/danix-xyz-hacker/layouts/partials/toast-container.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

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>
-- 
cgit v1.2.3