Toolverse
Wszystkie skille

theme-evaluation

autor: etewiah

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

Szybkie info

Autor
etewiah
Kategoria
Mobile
Wyświetlenia
1

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ć

  1. 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 funkcji Pwb::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 z Pwb::ColorUtils.suggest_text_color podając kod heksadecymalny tła. 5. Uruchom walidację wszystkich palet kolorów w temacie poleceniem rake palettes:validate, aby szybko zidentyfikować problemy z kontrastem w całym motywie. 6. Dla szczegółowej analizy konkretnej palety użyj rake palettes:contrast[nazwa_tematu,nazwa_palety], aby zobaczyć współczynniki kontrastu dla każdej kombinacji kolorów.

Podobne skille