fix: a11y warning of "02-advanced-svelte/05-bindings/07-component-this/app-a(b)"

Author: regchiu

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>
+</style>

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>
+</style>