aria-attribute-helper

Umiejętność wspierająca tworzenie dostępnych interfejsów poprzez automatyzację pracy z atrybutami ARIA. Aktywuje się automatycznie, gdy pracujesz nad dostępnością frontendu – wystarczy wspomnieć o ARIA, aby otrzymać wskazówki krok po kroku, gotowy kod i walidację zgodnie ze standardami branżowymi. Obejmuje best practices dla React, Vue, CSS i nowoczesnych wzorców webowych.

1. Zainstaluj umiejętność w swoim środowisku Claude Code, upewniając się, że masz dostęp do narzędzi Read, Write, Edit i Bash.

2. W rozmowie z Claude'em wspomniej o ARIA lub atrybutach dostępności – umiejętność aktywuje się automatycznie na słowa kluczowe takie jak "aria attribute helper", "aria helper" lub samo "aria".

3. Opisz konkretne zadanie dostępności, które chcesz rozwiązać – na przykład "Pomóż mi dodać aria-label do tego przycisku" lub "Jak poprawnie użyć aria-live w dynamicznej liście?".

4. Otrzymasz wskazówki krok po kroku wraz z wygenerowanym kodem produkcyjnym, który możesz bezpośrednio zastosować w swoim projekcie.

5. Umiejętność waliduje wynik względem standardów dostępności – jeśli pojawią się błędy (brakujące parametry, brak wymaganych narzędzi), sprawdź dokumentację i zainstaluj brakujące zależności.

6. Zastosuj rekomendacje best practices dla twojego frameworka (React, Vue) i nowoczesnych wzorców webowych, aby zapewnić pełną dostępność interfejsu.