From ccd7b3468c4c72970c72be30691b74c7732b12e7 Mon Sep 17 00:00:00 2001
From: regchiu <regx1385@gmail.com>
Date: Tue, 27 Aug 2024 09:42:39 +0800
Subject: [PATCH 1/2] fix: a11y warning of
 "02-advanced-svelte/04-actions/01-actions/app-a(b)"

---
 .../04-actions/01-actions/app-a/src/lib/App.svelte            | 4 +++-
 .../04-actions/01-actions/app-b/src/lib/App.svelte            | 4 +++-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/content/tutorial/02-advanced-svelte/04-actions/01-actions/app-a/src/lib/App.svelte b/content/tutorial/02-advanced-svelte/04-actions/01-actions/app-a/src/lib/App.svelte
index ceacc6d8..b6f8b4f8 100644
--- a/content/tutorial/02-advanced-svelte/04-actions/01-actions/app-a/src/lib/App.svelte
+++ b/content/tutorial/02-advanced-svelte/04-actions/01-actions/app-a/src/lib/App.svelte
@@ -14,6 +14,8 @@
 	{#if showMenu}
 		<div
 			class="modal-background"
+			role="menu"
+			tabindex="-1"
 			on:click|self={() => showMenu = false}
 			on:keydown={(e) => {
 				if (e.key === 'Escape') showMenu = false;
@@ -124,4 +126,4 @@
 	.menu input {
 		flex: 1;
 	}
-</style>
\ No newline at end of file
+</style>
diff --git a/content/tutorial/02-advanced-svelte/04-actions/01-actions/app-b/src/lib/App.svelte b/content/tutorial/02-advanced-svelte/04-actions/01-actions/app-b/src/lib/App.svelte
index c685770d..53635464 100644
--- a/content/tutorial/02-advanced-svelte/04-actions/01-actions/app-b/src/lib/App.svelte
+++ b/content/tutorial/02-advanced-svelte/04-actions/01-actions/app-b/src/lib/App.svelte
@@ -15,6 +15,8 @@
 	{#if showMenu}
 		<div
 			class="modal-background"
+			role="menu"
+			tabindex="-1"
 			on:click|self={() => showMenu = false}
 			on:keydown={(e) => {
 				if (e.key === 'Escape') showMenu = false;
@@ -125,4 +127,4 @@
 	.menu input {
 		flex: 1;
 	}
-</style>
\ No newline at end of file
+</style>

From 114508eb5be6246f8edab0da02e0c009cd69afbd Mon Sep 17 00:00:00 2001
From: regchiu <regx1385@gmail.com>
Date: Tue, 27 Aug 2024 11:53:49 +0800
Subject: [PATCH 2/2] fix: a11y warning of
 "02-advanced-svelte/05-bindings/07-component-this/app-a(b)"

---
 .../05-bindings/07-component-this/app-a/src/lib/App.svelte    | 4 +++-
 .../05-bindings/07-component-this/app-b/src/lib/App.svelte    | 4 +++-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/content/tutorial/02-advanced-svelte/05-bindings/07-component-this/app-a/src/lib/App.svelte b/content/tutorial/02-advanced-svelte/05-bindings/07-component-this/app-a/src/lib/App.svelte
index c685770d..53635464 100644
--- a/content/tutorial/02-advanced-svelte/05-bindings/07-component-this/app-a/src/lib/App.svelte
+++ b/content/tutorial/02-advanced-svelte/05-bindings/07-component-this/app-a/src/lib/App.svelte
@@ -15,6 +15,8 @@
 	{#if showMenu}
 		<div
 			class="modal-background"
+			role="menu"
+			tabindex="-1"
 			on:click|self={() => showMenu = false}
 			on:keydown={(e) => {
 				if (e.key === 'Escape') showMenu = false;
@@ -125,4 +127,4 @@
 	.menu input {
 		flex: 1;
 	}
-</style>
\ No newline at end of file
+</style>
diff --git a/content/tutorial/02-advanced-svelte/05-bindings/07-component-this/app-b/src/lib/App.svelte b/content/tutorial/02-advanced-svelte/05-bindings/07-component-this/app-b/src/lib/App.svelte
index 59303f54..68507aae 100644
--- a/content/tutorial/02-advanced-svelte/05-bindings/07-component-this/app-b/src/lib/App.svelte
+++ b/content/tutorial/02-advanced-svelte/05-bindings/07-component-this/app-b/src/lib/App.svelte
@@ -17,6 +17,8 @@
 	{#if showMenu}
 		<div
 			class="modal-background"
+			role="menu"
+			tabindex="-1"
 			on:click|self={() => showMenu = false}
 			on:keydown={(e) => {
 				if (e.key === 'Escape') showMenu = false;
@@ -131,4 +133,4 @@
 	.menu input {
 		flex: 1;
 	}
-</style>
\ No newline at end of file
+</style>