diff --git a/.jules/palette.md b/.jules/palette.md
index 00f41cdf..11ce4d89 100644
--- a/.jules/palette.md
+++ b/.jules/palette.md
@@ -1,3 +1,7 @@
 ## 2024-10-24 - Accessible Icon Props and Loading Button State
 **Learning:** Svelte wrapper components (like `Icon.svelte`) must spread `$$restProps` to allow passing accessibility attributes (e.g., `aria-label`) from parent components. Without this, icons remain inaccessible to screen readers. Also, persistent "Success" states on buttons can be confusing; auto-resetting them after a timeout improves clarity.
 **Action:** Always include `{...$$restProps}` in wrapper components and implement auto-reset logic for temporary success states in interactive elements.
+
+## 2024-10-25 - ARIA Attributes for Interactive SMUI Trigger Elements
+**Learning:** When using SMUI components like `<Button>` to trigger a dropdown or menu (like the Wallet Connect button), you must manually add `aria-haspopup="menu"` and bind `aria-expanded` to the component's open state variable to ensure proper keyboard and screen reader accessibility.
+**Action:** Always verify that interactive trigger elements for menus/dropdowns have correct ARIA roles and state attributes.
diff --git a/.prettierignore b/.prettierignore
index 38972655..2f88f12c 100644
--- a/.prettierignore
+++ b/.prettierignore
@@ -11,3 +11,5 @@ node_modules
 pnpm-lock.yaml
 package-lock.json
 yarn.lock
+.jules
+static
diff --git a/src/routes/WalletConnectButton.svelte b/src/routes/WalletConnectButton.svelte
index a62658e6..df47bca0 100644
--- a/src/routes/WalletConnectButton.svelte
+++ b/src/routes/WalletConnectButton.svelte
@@ -97,7 +97,12 @@
 	export let connectButtonVariant: 'raised' | 'unelevated' | 'outlined' = 'raised';
 </script>
 
-<Button variant={connectButtonVariant} on:click={toggleMenu}>
+<Button
+	variant={connectButtonVariant}
+	on:click={toggleMenu}
+	aria-haspopup="menu"
+	aria-expanded={toggleOpen}
+>
 	<slot name="buttonLabel">Connect</slot>
 </Button>
 <Menu