T
theme-evaluation
Evaluate themes for accessibility, contrast, and design issues. Use when auditing themes for WCAG compliance, checking color contrast ratios, or identifying visual/UX problems.
Installation
Pick a client and clone the repository into its skills directory.
Installation
About this skill
Evaluate themes for accessibility, contrast, and design issues. Use when auditing themes for WCAG compliance, checking color contrast ratios, or identifying visual/UX problems.
How to use
- Zainstaluj umiejętność w swoim projekcie PropertyWebBuilder, umieszczając pliki w katalogu
.claude/skills/theme-evaluation. 2. Aby sprawdzić, czy para kolorów spełnia wymogi WCAG AA, użyj funkcjiPwb::ColorUtils.wcag_aa_compliant?z heksadecymalnymi kodami kolorów (np. '#ffffff' i '#333333'). 3. Uzyskaj dokładny współczynnik kontrastu dla dowolnej pary kolorów za pomocąPwb::ColorUtils.contrast_ratio, który zwróci stosunek (np. 4.5:1). 4. Jeśli chcesz automatycznie dobrać kolor tekstu do tła, skorzystaj zPwb::ColorUtils.suggest_text_colorpodając kod heksadecymalny tła. 5. Uruchom walidację wszystkich palet kolorów w temacie poleceniemrake palettes:validate, aby szybko zidentyfikować problemy z kontrastem w całym motywie. 6. Dla szczegółowej analizy konkretnej palety użyjrake palettes:contrast[nazwa_tematu,nazwa_palety], aby zobaczyć współczynniki kontrastu dla każdej kombinacji kolorów.