Merge develop on main for final tests

.gitignore

@@ -10,6 +10,7 @@ test-results
 public/src
 eslint-report.txt
 coverage/
+CLAUDE.md
 .vite/
 uploads/images/collaborators/
 uploads/images/events/

content/i18n/en.md

@@ -43,8 +43,22 @@ updatedAt: "2026-05-21T03:25:31.940Z"
     "switch_to_light": "Switch to light mode"
   },
   "a11y": {
-    "enable": "Enable accessibility mode: higher contrast, larger text and reduced motion",
-    "disable": "Disable accessibility mode"
+    "open": "Accessibility preferences",
+    "title": "Accessibility preferences",
+    "close": "Close",
+    "master": "Turn on every option",
+    "theme_label": "Color theme",
+    "theme_system": "Use system setting",
+    "theme_light": "Light",
+    "theme_dark": "Dark",
+    "text_size_label": "Text size",
+    "text_normal": "Normal",
+    "text_large": "Large",
+    "text_xlarge": "Extra large",
+    "high_contrast": "High contrast",
+    "reduce_motion": "Reduce motion",
+    "underline_links": "Underline links",
+    "reset": "Reset preferences"
   },
   "itinerary": {
     "schedule": "Activity schedule",

content/i18n/es.md

@@ -43,8 +43,22 @@ updatedAt: "2026-05-21T03:25:31.942Z"
     "switch_to_light": "Cambiar a modo claro"
   },
   "a11y": {
-    "enable": "Activar modo accesibilidad: mas contraste, letra mas grande y menos animaciones",
-    "disable": "Desactivar modo accesibilidad"
+    "open": "Preferencias de accesibilidad",
+    "title": "Preferencias de accesibilidad",
+    "close": "Cerrar",
+    "master": "Activar todas las opciones",
+    "theme_label": "Tema de color",
+    "theme_system": "Usar ajuste del sistema",
+    "theme_light": "Claro",
+    "theme_dark": "Oscuro",
+    "text_size_label": "Tamaño del texto",
+    "text_normal": "Normal",
+    "text_large": "Grande",
+    "text_xlarge": "Muy grande",
+    "high_contrast": "Alto contraste",
+    "reduce_motion": "Reducir animaciones",
+    "underline_links": "Subrayar enlaces",
+    "reset": "Restablecer preferencias"
   },
   "itinerary": {
     "schedule": "Programación de actividades",

package.json

@@ -11,8 +11,9 @@
     "dev": "concurrently -n PUB,ADMIN -c \"cyan,magenta\" \"vite\" \"vite --config vite-admin.config.ts --port 5174\"",
     "dev:admin": "pkill -f 'vite.*5174' 2>/dev/null; npx vite --config vite-admin.config.ts --port 5174",
     "build": "vite build",
+    "typecheck": "tsc --noEmit",
     "test:prepush": "npm run test:drag && npm run build",
-    "test:drag": "node --test src/utils/theme.test.js src/utils/accessibility.test.js src/pages/adminDragModel.test.js src/pages/eventPageModel.test.js src/utils/mediaEmbeds.test.js src/utils/adminMediaUpload.test.js src/utils/adminAssetApiValidation.test.js src/utils/adminPathSecurity.test.js src/components/itinerary/itineraryModel.test.js src/components/home/homepageRefinements.test.js",
+    "test:drag": "node --test src/utils/theme.test.js src/utils/accessibility.test.js src/pages/adminDragModel.test.js src/pages/eventPageModel.test.js src/utils/mediaEmbeds.test.js src/utils/adminMediaUpload.test.js src/utils/adminAssetApiValidation.test.js src/utils/adminPathSecurity.test.js src/components/itinerary/itineraryModel.test.js src/components/home/homepageRefinements.test.js src/components/home/heroCanvasBackdrop.test.js",
     "test:e2e": "npm run generate:content && playwright test",
     "test:e2e:base-path": "playwright test --config playwright.base-path.config.ts",
     "setup:hooks": "git config core.hooksPath .githooks",

playwright.config.ts

@@ -2,6 +2,7 @@ import { defineConfig, devices } from 'playwright/test';
 
 export default defineConfig({
   testDir: './tests/e2e',
+  testIgnore: ['homepageBasePath.spec.ts', 'legalBasePath.spec.ts'],
   fullyParallel: true,
   reporter: 'line',
   use: {

public/api/i18n/en.json

@@ -42,8 +42,22 @@
       "switch_to_light": "Switch to light mode"
     },
     "a11y": {
-      "enable": "Enable accessibility mode: higher contrast, larger text and reduced motion",
-      "disable": "Disable accessibility mode"
+      "open": "Accessibility preferences",
+      "title": "Accessibility preferences",
+      "close": "Close",
+      "master": "Turn on every option",
+      "theme_label": "Color theme",
+      "theme_system": "Use system setting",
+      "theme_light": "Light",
+      "theme_dark": "Dark",
+      "text_size_label": "Text size",
+      "text_normal": "Normal",
+      "text_large": "Large",
+      "text_xlarge": "Extra large",
+      "high_contrast": "High contrast",
+      "reduce_motion": "Reduce motion",
+      "underline_links": "Underline links",
+      "reset": "Reset preferences"
     },
     "itinerary": {
       "schedule": "Activity schedule",

public/api/i18n/es.json

@@ -42,8 +42,22 @@
       "switch_to_light": "Cambiar a modo claro"
     },
     "a11y": {
-      "enable": "Activar modo accesibilidad: mas contraste, letra mas grande y menos animaciones",
-      "disable": "Desactivar modo accesibilidad"
+      "open": "Preferencias de accesibilidad",
+      "title": "Preferencias de accesibilidad",
+      "close": "Cerrar",
+      "master": "Activar todas las opciones",
+      "theme_label": "Tema de color",
+      "theme_system": "Usar ajuste del sistema",
+      "theme_light": "Claro",
+      "theme_dark": "Oscuro",
+      "text_size_label": "Tamaño del texto",
+      "text_normal": "Normal",
+      "text_large": "Grande",
+      "text_xlarge": "Muy grande",
+      "high_contrast": "Alto contraste",
+      "reduce_motion": "Reducir animaciones",
+      "underline_links": "Subrayar enlaces",
+      "reset": "Restablecer preferencias"
     },
     "itinerary": {
       "schedule": "Programación de actividades",

public/index.html

@@ -19,16 +19,6 @@
     <meta name="twitter:title" content="VRTon" />
     <meta name="twitter:description" content="Usando tecnologia para cambiar vidas a traves de la filantropia en realidad virtual." />
     <meta name="twitter:image" content="https://vrton.github.io/vrton-cms/android-chrome-512x512.png" />
-    <!--
-      Resuelve el tema antes del primer pintado para que no haya flash blanco
-      al cargar en modo oscuro. Tiene que ser inline y sincrono: si esperara al
-      bundle de React, la pagina ya se dibujo clara.
-
-      Duplica a proposito la logica de src/utils/theme.js (resolveTheme y
-      applyTheme). Son seis lineas y no hay forma de importar el modulo aca sin
-      volver a introducir el flash. Si cambia la clave o los colores, hay que
-      tocar los dos lados.
-    -->
     <script>
       (function () {
         try {
@@ -42,13 +32,21 @@
             meta.setAttribute('content', theme === 'dark' ? '#12100f' : '#ffffff');
           }
 
-          // Modo accesible, por el mismo motivo: sin esto la pagina se dibuja
-          // con la tipografia normal y salta al tamano grande recien cuando
-          // monta React. La clase del body la pone React, porque el <body>
-          // todavia no existe en este punto del <head>.
-          if (window.localStorage.getItem('vrton-accessibility') === 'on') {
-            document.documentElement.setAttribute('data-a11y', 'on');
+          var raw = window.localStorage.getItem('vrton-accessibility');
+          var textSize = 'normal';
+          try {
+            if (raw === 'on') {
+              textSize = 'large';
+            } else if (raw && raw !== 'off') {
+              var parsed = JSON.parse(raw);
+              if (parsed && (parsed.textSize === 'large' || parsed.textSize === 'xlarge')) {
+                textSize = parsed.textSize;
+              }
+            }
+          } catch (e) {
+            textSize = 'normal';
           }
+          document.documentElement.setAttribute('data-a11y-text-size', textSize);
         } catch (e) {
           document.documentElement.setAttribute('data-theme', 'light');
         }

src/App.tsx

@@ -2,14 +2,12 @@ import { useEffect } from 'react';
 import { Navigate, Route, Routes, useLocation } from 'react-router-dom';
 import { useTranslation } from 'react-i18next';
 import PublicLayout from './components/layout/PublicLayout';
-import AdminShell from './components/layout/AdminShell';
 import HomePage from './pages/HomePage';
 import NotFoundPage from './pages/NotFoundPage';
 import PageRenderer from './pages/PageRenderer';
 import EventPage from './pages/EventPage';
-import AdminPage from './pages/AdminPage';
 import { DEFAULT_LANGUAGE, SUPPORTED_LANGUAGES } from './i18n/languages';
-import { useAccessibilityMode } from './hooks/useAccessibility.ts';
+import { useReduceMotion } from './hooks/useAccessibility.ts';
 
 type LegalSection = 'terms' | 'code-of-conduct' | 'volunteering';
 
@@ -39,12 +37,10 @@ function LegacyLegalRedirect({
   return <Navigate replace to={`${basePath}#${anchors[language][section]}`} />;
 }
 
-const IS_DEV = import.meta.env.DEV;
-
 function App() {
   const location = useLocation();
   const { i18n } = useTranslation();
-  const reduceMotion = useAccessibilityMode();
+  const reduceMotion = useReduceMotion();
 
   useEffect(() => {
     const firstSegment = location.pathname.split('/').filter(Boolean)[0];
@@ -111,12 +107,6 @@ function App() {
 
   return (
     <Routes>
-      {IS_DEV && (
-        <Route element={<AdminShell />}>
-          <Route path="/admin" element={<AdminPage />} />
-        </Route>
-      )}
-
       <Route element={<PublicLayout />}>
         {legacyLegalRoutes.map((route) => (
           <Route