feat(t5): Fokusring für alle, 44-px-Ziele bei Touch, 16-px-Schrift (T5a A5)

0 Fork 0

- globals.css: eine Basisregel :where(:focus-visible) mit --focus-width
  und --focus-offset (Sonne 3 px), Firefox-:-moz-focusring gleichgezogen;
  --text-xs 0.8125rem.
- Fokus-Codemod (scripts/codemod-t5-focus.mjs): eigene Ringe und
  outline-none raus, sm:h-/sm:size- zu pointer-fine:, Label-Zeilen mit
  focus-ring-within; Skript-Fokus (Lücken-Liste, „Gespeichert“) bleibt.
- Button/Input 44 px, kompakt nur mit Maus; Icon-Knöpfe mit unsichtbarer
  44-px-Trefferfläche bei Touch, Nachbarn mit genug Abstand.
- 16 px in Feldern, Labels, Auswahl, Leerzuständen, Listentiteln.
- .holo-stage auf allen Beute-Bühnen, .stage-card holt den Seitenring.
- Baukasten-Wächter (src/styles/baukasten-guard.spec.ts) mit den Regeln
  aus A3–A5, Ausnahmen mit Grund; Kalender-Auswahl als Inset-Ring.

Co-Authored-By: Claude Opus 5.5 (1M context) <[email protected]>

This commit is contained in:

Nick.RosenloecherandClaude Opus 5.5 committed 2026-10-16 18:06:20 +02:00

1 parent 62ab080725

commit ce68729233

85 files changed

+935 -139

No files matched your search

									
										ApiCore-Frontend/src/components/tab-switcher.spec.tsx
									
		+1
		-1
	
												View File
												
				@@ -15,7 +15,7 @@ describe("TabSwitcher", () => {

				      />,

				    );

				    for (const tab of screen.getAllByRole("tab")) {

				      expect(tab).toHaveClass("min-h-11", "sm:min-h-9");

				      expect(tab).toHaveClass("min-h-11", "pointer-fine:min-h-9");

				    }

				  });

				});