T
theme-evaluation
Audytuj motywy pod kątem dostępności i kontrastu kolorów zgodnie ze standardami WCAG
Instalacja
Wybierz klienta i sklonuj repozytorium do odpowiedniego katalogu skilli.
Instalacja
O skillu
Umiejętność do kompleksowej oceny motywów graficznych pod względem dostępności. Sprawdzasz zgodność z normami WCAG AA i AAA, analizujesz kontrast kolorów, czytelność typografii i problemy responsywności. Narzędzie zawiera wbudowane funkcje do obliczania współczynników kontrastu, weryfikacji palet kolorów i sugerowania odpowiednich kolorów tekstu dla tła. Idealne dla projektantów i deweloperów, którzy chcą upewnić się, że ich motywy są dostępne dla wszystkich użytkowników, w tym osób z wadami widzenia.
Jak używać
- 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.