Better Accessibility
Gör gränssnitt användbara med tangentbord och skärmläsare
Installera
When building accessible UI components or reviewing for keyboard and screen-reader support
Översikt
Tillgänglighetsarbete säkerställer att programvara fungerar för alla, även personer som enbart använder tangentbord, förlitar sig på skärmläsare eller anpassar zoom- och rörelseinställningar. Den här färdigheten ger strukturerade metoder för att bygga och granska tillgängliga komponenter.
Höjdpunkter
- Använd i första hand semantiska HTML-element och lägg bara till anpassad ARIA när det behövs
- Implementera synliga fokusmarkeringar och tangentbordsnavigering i alla komponenter
- Testa med faktisk tangentbordsinteraktion och skärmläsarprogram
- Ange minsta tryckyta till 44 × 44 pixlar och synlig målyta till 24 × 24 pixlar
- Stöd textförstoring upp till 200 % och respektera inställningen prefers-reduced-motion
- Skapa live-regioner för uppläsning av dynamiskt innehåll
- Använd alternativtext medvetet för bilder och funktionella ikoner
- Verifiera formulär med korrekta etiketter, felmeddelanden och rätt tidpunkt för validering
För vem
Utvecklare som bygger eller granskar gränssnitt för webben och applikationer. Använd färdigheten när du implementerar nya komponenter, hanterar tillgänglighetsrapporter eller förbereder efterlevnadsgranskningar. Den fungerar tillsammans med visuell design och komponentbibliotek för att upptäcka tillgänglighetsbrister tidigt.
Liknande färdigheter
Better Interface
FärdighetSamla gränssnittsgranskningar i en prioriterad rapport
Better Writing
FärdighetSkriv tydliga och konsekventa gränssnittstexter
Frontend Design
FärdighetDesignriktning för gränssnitt som inte känns mallbaserade

Kommentarer(0)
Logga in för att kommentera