From 9979415651033d7c6e4bcfeb19ec31391ca6280a Mon Sep 17 00:00:00 2001
From: "LB (Ben Johnston)" <mail@lb.ee>
Date: Wed, 27 Nov 2024 07:16:36 +1000
Subject: [PATCH] Update Aside in skeleton template to be more accessible
 (#2639)

* Update Aside in skeleton template to be more accessible

* Add changeset

* Update .changeset/nervous-olives-nail.md

---------

Co-authored-by: Helen Lin <helen.lin@shopify.com>
---
 .changeset/nervous-olives-nail.md           | 5 +++++
 templates/skeleton/app/components/Aside.tsx | 2 +-
 2 files changed, 6 insertions(+), 1 deletion(-)
 create mode 100644 .changeset/nervous-olives-nail.md

diff --git a/.changeset/nervous-olives-nail.md b/.changeset/nervous-olives-nail.md
new file mode 100644
index 0000000000..9554a04e86
--- /dev/null
+++ b/.changeset/nervous-olives-nail.md
@@ -0,0 +1,5 @@
+---
+'skeleton': patch
+---
+
+Update `Aside` to have an accessible close button label
diff --git a/templates/skeleton/app/components/Aside.tsx b/templates/skeleton/app/components/Aside.tsx
index 4b0a95d659..26e2844f88 100644
--- a/templates/skeleton/app/components/Aside.tsx
+++ b/templates/skeleton/app/components/Aside.tsx
@@ -62,7 +62,7 @@ export function Aside({
       <aside>
         <header>
           <h3>{heading}</h3>
-          <button className="close reset" onClick={close}>
+          <button className="close reset" onClick={close} aria-label="Close">
             &times;
           </button>
         </header>