Przejdź do treści
↑↓nawiguj↵otwórzesczamknij
Claude+372Whisper+228LangChain+168Codex+223NotebookLM+276DALL-E 3+192DeepL+249n8n+208Topaz Video AI+153LlamaIndex+161
Better Accessibility logo
Umiejętność

Better Accessibility

Twórz interfejsy dostępne z klawiatury i czytników ekranu

0
ZapiszOdwiedź stronę ↗

Instalacja

Uruchamia się przy

When building accessible UI components or reviewing for keyboard and screen-reader support

Omówienie

Inżynieria dostępności zapewnia, że oprogramowanie działa dla wszystkich — także osób korzystających wyłącznie z klawiatury, używających czytników ekranu lub zmieniających ustawienia powiększenia i animacji. Ta umiejętność przedstawia uporządkowane metody tworzenia i sprawdzania dostępnych komponentów.

Najważniejsze funkcje

  • W pierwszej kolejności używa semantycznych elementów HTML, a niestandardowe ARIA dodaje tylko wtedy, gdy są potrzebne
  • Wdraża widoczne wskaźniki fokusu i nawigację klawiaturą we wszystkich komponentach
  • Testuje rzeczywistą obsługę klawiaturą i oprogramowaniem czytników ekranu
  • Ustala minimalny obszar dotykowy na 44×44 piksele, a widoczny cel na 24×24 piksele
  • Obsługuje powiększanie tekstu do 200% i respektuje ustawienia prefers-reduced-motion
  • Tworzy regiony live do ogłaszania dynamicznych zmian treści
  • Stosuje tekst alternatywny odpowiednio do obrazów i ikon funkcyjnych
  • Weryfikuje formularze pod kątem prawidłowych etykiet, komunikatów o błędach i momentu walidacji

Dla kogo

Dla programistów tworzących lub audytujących interfejsy internetowe i aplikacyjne. Użyj tej umiejętności podczas wdrażania nowych komponentów, obsługi zgłoszeń dotyczących dostępności lub przygotowywania się do audytów zgodności. Współpracuje z projektami wizualnymi i bibliotekami komponentów, pomagając wcześnie wykrywać braki w dostępności.

Komentarze(0)

Zaloguj się, aby skomentować

Nie ma jeszcze komentarzy — napisz pierwszy.

Podobne umiejętności

Zgłoś ten komentarz

Dlaczego to zgłaszasz?