diff options
| author | Danilo M. <danix@danix.xyz> | 2026-04-17 09:27:53 +0200 |
|---|---|---|
| committer | Danilo M. <danix@danix.xyz> | 2026-04-17 09:27:53 +0200 |
| commit | 0039d39a4de38c4f09db317e06652aea3271004f (patch) | |
| tree | 59c6d620806011d62a9932bf0d4cc1a70ed99f27 /themes | |
| parent | 92819ec472bc2cfa2f448e7282956bb2a5fc1d1a (diff) | |
| download | danixxyz-0039d39a4de38c4f09db317e06652aea3271004f.tar.gz danixxyz-0039d39a4de38c4f09db317e06652aea3271004f.zip | |
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
Diffstat (limited to 'themes')
| -rw-r--r-- | themes/danix-xyz-hacker/layouts/partials/toast-container.html | 2 |
1 files changed, 1 insertions, 1 deletions
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> |