Jelajahi Sumber

无障碍菜单按钮改首字母大写,按钮字体大小明确统一

任一存 2 tahun lalu
induk
melakukan
2e21e655e0
1 mengubah file dengan 14 tambahan dan 10 penghapusan
  1. 14 10
      web/src/views/accessibility.vue

+ 14 - 10
web/src/views/accessibility.vue

@@ -80,7 +80,7 @@
             :src="(ariaSettings.speechRateLevel === 3) ? assetUrls.speechRate : assetUrls.speechRateActive"
             alt="speech rate"
           >
-          <span>speech <br> rate</span>
+          <span>Speech <br> Rate</span>
         </button>
       </li>
       <li>
@@ -94,7 +94,7 @@
             :src="(ariaSettings.readMode === 'point') ? assetUrls.screenReaderMode : assetUrls.screenReaderModeActive"
             alt="screen reader"
           >
-          <span>screen <br> reader</span>
+          <span>Screen <br> Reader</span>
         </button>
       </li>
       <li>
@@ -108,7 +108,7 @@
             :src="assetUrls.colorTheme"
             alt="color modification"
           >
-          <span>color <br> modification</span>
+          <span>Color <br> Modification</span>
         </button>
       </li>
       <li>
@@ -122,7 +122,7 @@
             :src="assetUrls.zoomIn"
             alt="zoom in"
           >
-          <span>zoom in</span>
+          <span>Zoom In</span>
         </button>
       </li>
       <li>
@@ -136,7 +136,7 @@
             :src="assetUrls.zoomOut"
             alt="zoom out"
           >
-          <span>zoom out</span>
+          <span>Zoom Out</span>
         </button>
       </li>
       <li>
@@ -150,7 +150,7 @@
             :src="assetUrls.cursorStyle"
             alt="cursor style"
           >
-          <span>cursor <br> style</span>
+          <span>Cursor <br> Style</span>
         </button>
       </li>
       <li>
@@ -164,7 +164,7 @@
             :src="assetUrls.crossCursor"
             alt="cross cursor"
           >
-          <span>cross <br> cursor</span>
+          <span>Cross <br> Cursor</span>
         </button>
       </li>
       <li>
@@ -178,7 +178,7 @@
             :src="assetUrls.magnifier"
             alt="magnifier"
           >
-          <span>magnifier</span>
+          <span>Magnifier</span>
         </button>
       </li>
       <li>
@@ -192,7 +192,7 @@
             :src="assetUrls.help"
             alt="help"
           >
-          <span>help</span>
+          <span>Help</span>
         </button>
       </li>
       <li>
@@ -209,7 +209,7 @@
             :src="assetUrls.shotcut"
             alt="shotcut"
           >
-          <span style="margin-top: 3px;">shortcut</span>
+          <span style="margin-top: 3px;">Shortcut</span>
         </a>
       </li>
       <li>
@@ -1276,6 +1276,8 @@ a {
         display: flex;
         flex-direction: column;
         align-items: center;
+        font-size: 13.33px;
+        font-family: Arial, Helvetica, sans-serif;
         &:hover {
           background-color: #4D2128;
         }
@@ -1351,6 +1353,8 @@ a {
         display: flex;
         flex-direction: column;
         align-items: center;
+        font-size: 13.33px;
+        font-family: Arial, Helvetica, sans-serif;
         &:hover {
           background-color: #4D2128;
         }