Better Accessibility
Maak UI's bruikbaar met toetsenbord en schermlezer
Installeren
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.
Vergelijkbare skills
Better Interface
SkillBundel UI-reviews uit meerdere vakgebieden tot één ranglijst
Better Writing
SkillSchrijf duidelijke, consistente interfaceteksten
Frontend Design
SkillOntwerprichtlijnen voor interfaces zonder sjabloonuitstraling

Reacties(0)
Log in om te reageren