chore: Improve the accessibility of app

cwandev · cwandev · commit 86c4ac82c57d · 2024-03-08T16:37:48.000+08:00
diff --git a/index.html b/index.html
@@ -2,7 +2,7 @@
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, viewport-fit=cover, user-scalable=no"/>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover"/>
     <link rel="apple-touch-icon" href="/pwa-192x192.png" />
     <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#f6d2d2">
     <meta name="msapplication-TileColor" content="#f6d2d2">
diff --git a/src/layouts/default.vue b/src/layouts/default.vue
@@ -2,8 +2,8 @@
   <main p="16" text="gray-700 dark:gray-200">
     <RouterView />
 
-    <div mx-auto py-15 text-center text-14 opacity-50>
-      Default Layout
+    <div mx-auto py-15 text-center text-10 text-gray-500>
+      [Default Layout]
     </div>
   </main>
 </template>
diff --git a/src/layouts/home.vue b/src/layouts/home.vue
@@ -2,8 +2,8 @@
   <main text="gray-700 dark:gray-200">
     <RouterView />
 
-    <div mx-auto mt-15 text-center text-14 opacity-50>
-      Home Layout
+    <div mx-auto mt-15 text-center text-10 text-gray-500>
+      [Home Layout]
     </div>
   </main>
 </template>
diff --git a/src/pages/index.vue b/src/pages/index.vue
@@ -37,7 +37,7 @@ const menuItems = [
   <VanCellGroup inset>
     <VanCell center title="🌗 暗黑模式">
       <template #right-icon>
-        <VanSwitch v-model="checked" size="20px" @click="toggle()" />
+        <VanSwitch v-model="checked" size="20px" aria-label="on/off Dark Mode" @click="toggle()" />
       </template>
     </VanCell>
 
