functional a11y toggle and css

2026-05-26 23:46:05 +02:00
parent 430602caa3
commit 13632637a9
6 changed files with 15 additions and 2 deletions
@@ -6,6 +6,7 @@
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Page Not Found</title>
  <link rel="stylesheet" href="css/style.css">
+  <link rel="stylesheet" href="/css/a11y.css" id="a11y-css" disabled>
  <meta name="description" content="Creator of visual identities and digital interfaces">

  <meta property="og:title" content="Lars Winter">
@@ -6,6 +6,7 @@
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>About – Lars Winter</title>
  <link rel="stylesheet" href="css/style.css">
+  <link rel="stylesheet" href="/css/a11y.css" id="a11y-css" disabled>
  <meta name="description" content="Creator of visual identities and digital interfaces">

  <meta property="og:title" content="Lars Winter">
@@ -0,0 +1,3 @@
+body {
+	background: red;
+}
@@ -58,8 +58,10 @@
 	}
  });
  
+  
 // accessibility toggle

+{  
  const STORAGE_KEY = 'extra-css-enabled';
  
  function applyOverrideState(enabled) {
@@ -79,9 +81,12 @@
 	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)');
@@ -151,3 +156,4 @@
  } else {
 	initThemeToggle();
  }
+}
@@ -6,6 +6,7 @@
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Lars Winter</title>
  <link rel="stylesheet" href="css/style.css">
+  <link rel="stylesheet" href="/css/a11y.css" id="a11y-css" disabled>
  <meta name="description" content="Creator of visual identities and digital interfaces">

  <meta property="og:title" content="Lars Winter">
@@ -6,6 +6,7 @@
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Lars Winter</title>
  <link rel="stylesheet" href="css/style.css">
+  <link rel="stylesheet" href="/css/a11y.css" id="a11y-css" disabled>
  <meta name="description" content="Creator of visual identities and digital interfaces">

  <meta property="og:title" content="Lars Winter">