From 524b353589c36bedef4e00c9803a7825433e21d3 Mon Sep 17 00:00:00 2001 From: Michael Czechowski Date: Wed, 24 Dec 2025 01:55:47 +0100 Subject: [PATCH] refactor: simplify HTML lessons to use semantic elements only - Remove presentational classes (.form-group, .required, .hint, .checkbox-group) - Replace * with plain * in label text - Replace
with semantic element - Simplify checkbox markup to use native label wrapping pattern - Update previewBaseCSS to style semantic elements directly - Add code quality standards to CLAUDE.md emphasizing WCAG compliance and native HTML --- CLAUDE.md | 19 +++++++++++++++++++ lessons/21-html-forms-basic.json | 12 ++++++------ lessons/22-html-forms-validation.json | 20 ++++++++++---------- lessons/de/21-html-forms-basic.json | 12 ++++++------ lessons/de/22-html-forms-validation.json | 20 ++++++++++---------- 5 files changed, 51 insertions(+), 32 deletions(-) diff --git a/CLAUDE.md b/CLAUDE.md index be17c05..29fac00 100644 --- a/CLAUDE.md +++ b/CLAUDE.md @@ -48,6 +48,25 @@ For Tailwind mode, user classes are injected via `{{USER_CLASSES}}` placeholder Tests use Vitest with jsdom environment. Setup in `tests/setup.js` includes DOM testing library matchers. Test files are in `tests/unit/`. +## Code Quality Standards + +This project adheres to the highest standards for web development: + +- **Semantic HTML5**: Always use semantic elements (`
`, `