From 430602caa3065d2bca462e3ed59db643454ec38c Mon Sep 17 00:00:00 2001
From: sefaria <lars@larss-macbook-pro-3.local>
Date: Tue, 26 May 2026 23:37:28 +0200
Subject: [PATCH] js code for a11y toggle

---
 js/app.js | 26 ++++++++++++++++++++++++--
 1 file changed, 24 insertions(+), 2 deletions(-)

diff --git a/js/app.js b/js/app.js
index 9bb9ef2..dd22d27 100644
--- a/js/app.js
+++ b/js/app.js
@@ -58,9 +58,31 @@
 	}
   });
   
-  // light-dark toggle
+// accessibility toggle
   
-const STORAGE_KEY = 'theme-preference';
+  const STORAGE_KEY = 'extra-css-enabled';
+  
+  function applyOverrideState(enabled) {
+	const link = document.getElementById('a11y-css');
+	const button = document.getElementById('a11y-toggle');
+	if (!link) return;
+  
+	link.disabled = !enabled;
+	button?.setAttribute('aria-pressed', String(enabled));
+  }
+  
+  const enabled = localStorage.getItem(STORAGE_KEY) === 'true';
+  applyOverrideState(enabled);
+  
+  document.getElementById('a11y-toggle')?.addEventListener('click', () => {
+	const nextState = localStorage.getItem(STORAGE_KEY) !== 'true';
+	localStorage.setItem(STORAGE_KEY, String(nextState));
+	applyOverrideState(nextState);
+  });
+  
+// light-dark toggle
+  
+  const STORAGE_KEY = 'theme-preference';
   const root = document.documentElement;
   const mq = window.matchMedia('(prefers-color-scheme: dark)');