epic-ui-guidelines
Wytyczne UI/UX dla dostępnych komponentów i wzorców designu w Epic Stack
Instalacja
Wybierz klienta i sklonuj repozytorium do odpowiedniego katalogu skilli.
Instalacja
O skillu
Skill zawierający kompletne wytyczne dotyczące tworzenia dostępnych interfejsów użytkownika w ramach Epic Stack. Dowiesz się, jak prawidłowo implementować komponenty, stosować Tailwind CSS, pisać semantyczny HTML i dodawać atrybuty ARIA. Materiał skupia się na podejściu zorientowanym na człowieka — dostępność to nie tylko spełnianie standardów, ale tworzenie oprogramowania, które rzeczywiście działa dla wszystkich użytkowników, niezależnie od ich możliwości.
Jak używać
Zainstaluj skill epic-ui-guidelines w swoim projekcie opartym na Epic Stack, aby uzyskać dostęp do wytycznych projektowania interfejsów użytkownika.
Zapoznaj się z filozofią UI Epic Web: pamiętaj, że oprogramowanie buduje się dla ludzi, a dostępność nie jest opcjonalna — to fundament dobrego designu. Każda decyzja projektowa powinna priorytetyzować doświadczenie użytkownika ponad wygodę techniczną.
Stosuj semantyczny HTML w swoich komponentach — używaj odpowiednich tagów HTML (form, label, button, input) zamiast div-ów, aby zapewnić prawidłową strukturę i dostępność dla czytników ekranu.
Dodawaj etykiety do wszystkich pól formularza z atrybutem htmlFor połączonym z ID inputu, dołączaj pomocne placeholder'y i wyświetlaj jasne komunikaty błędów — to pomaga wszystkim użytkownikom, nie tylko osobom ze specjalnymi potrzebami.
Implementuj ARIA atrybuty tam, gdzie semantyczny HTML nie wystarczy — używaj aria-label, aria-describedby i innych atrybutów do opisania funkcjonalności dla użytkowników technologii asystujących.
Twórz responsywne layouty z Tailwind CSS i Radix UI, pamiętając o nawigacji klawiaturą, kontraście kolorów i testowaniu interfejsu z rzeczywistymi użytkownikami o różnych możliwościach.