Naar de inhoud
↑↓navigeren↵openenescsluiten
Claude+372Whisper+228LangChain+168Codex+223NotebookLM+276DALL-E 3+192DeepL+249n8n+208Topaz Video AI+153LlamaIndex+161
Better Accessibility logo
Skill

Better Accessibility

Maak UI's bruikbaar met toetsenbord en schermlezer

0
BewarenWebsite bezoeken ↗

Installeren

Wordt geactiveerd bij

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

Overzicht

Toegankelijkheidsontwikkeling zorgt dat software voor iedereen werkt: voor mensen die uitsluitend een toetsenbord gebruiken, afhankelijk zijn van schermlezers of instellingen voor zoom en beweging aanpassen. Deze skill biedt gestructureerde methoden om toegankelijke componenten te bouwen en beoordelen.

Hoogtepunten

  • Gebruik eerst semantische HTML-elementen en voeg alleen aangepaste ARIA toe wanneer dat nodig is
  • Implementeer zichtbare focusmarkeringen en toetsenbordnavigatie in alle componenten
  • Test met daadwerkelijke toetsenbordbediening en schermlezersoftware
  • Stel minimale aanraakgebieden in op 44×44 pixels en zichtbare doelen op 24×24 pixels
  • Ondersteun tekstvergroting tot 200% en respecteer de instelling prefers-reduced-motion
  • Maak live regions om wijzigingen in dynamische content aan te kondigen
  • Gebruik alternatieve tekst doelgericht voor afbeeldingen en functionele pictogrammen
  • Controleer formulieren op correcte labels, foutmeldingen en het juiste moment van validatie

Voor wie

Ontwikkelaars die web- en applicatie-interfaces bouwen of controleren. Gebruik deze skill bij het implementeren van nieuwe componenten, het afhandelen van toegankelijkheidsmeldingen of de voorbereiding op nalevingscontroles. De skill werkt naast visueel ontwerp en componentbibliotheken om toegankelijkheidsproblemen vroeg te signaleren.

Reacties(0)

Log in om te reageren

Nog geen reacties — wees de eerste.

Vergelijkbare skills

Deze reactie melden

Waarom meld je dit?