fix(a11y): making theme hidden input sr invisible

technikhil314 · Sep 26, 2024 · 52a0f39 · 52a0f39
1 parent 218eb05
commit 52a0f39
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 2 deletions.
diff --git a/pages/v2/diff.vue b/pages/v2/diff.vue
@@ -2,7 +2,13 @@
   <div class="contents">
     <div class="page-contents">
       <!-- Following hidden input is hacky way to update monaco editor theme when user changes theme manually -->
-      <input type="hidden" inert :value="onThemeChange" />
+      <input
+        type="hidden"
+        class="invisible none"
+        aria-hidden="true"
+        inert
+        :value="onThemeChange"
+      />
       <Navbar :show-back-button="true" />
       <main class="outline-none" tabindex="0">
         <DiffActionBar :diff-navigator="diffNavigator" />

diff --git a/pages/v2/index.vue b/pages/v2/index.vue
@@ -2,7 +2,13 @@
   <div class="page-contents">
     <Navbar />
     <!-- Following hidden input is hacky way to update monaco editor theme when user changes theme manually -->
-    <input type="hidden" inert :value="onThemeChange" />
+    <input
+      type="hidden"
+      inert
+      :value="onThemeChange"
+      class="invisible none"
+      aria-hidden="true"
+    />
     <main class="text-gray-800 outline-none dark:text-gray-50" tabindex="0">
       <section>
         <header>