Fixing Accessibility
Skill Verifiziert AktivPrüft und behebt HTML-Barrierefreiheitsprobleme, einschließlich ARIA-Labels, Tastaturnavigation, Fokusverwaltung, Farbkontrast und Formularfehlern. Verwenden Sie dies beim Hinzufügen interaktiver Steuerelemente, Formulare, Dialogfelder oder bei der Überprüfung der WCAG-Konformität.
Sicherzustellen, dass Web-Interfaces den Standards der Barrierefreiheit entsprechen, indem gängige HTML-Barrierefreiheitsprobleme identifiziert und behoben werden, sodass sie für alle nutzbar sind.
Funktionen
- Prüft HTML auf Verstöße gegen die Barrierefreiheit
- Behebt Probleme mit ARIA-Labels, Tastaturnavigation, Fokusverwaltung, Farbkontrast und Formularfehlern
- Bietet spezifische Vorschläge für Code-Level-Korrekturen
- Kategorisiert Probleme nach Priorität und Auswirkung
Anwendungsfälle
- Hinzufügen von interaktiven Steuerelementen, Formularen, Dialogfeldern oder Tabs
- Überprüfung der WCAG-Konformität für Webinhalte
- Verbesserung der Tastaturnavigation und Fokusverwaltung
- Sicherstellung der ordnungsgemäßen Fehlerbehandlung in Formularen und der Zuordnung von Hilfetexten
Nicht-Ziele
- Umschreiben großer Teile der Benutzeroberfläche
- Migration von UI-Bibliotheken
- Hinzufügen von ARIA-Attributen, wenn native Semantik ausreicht
Installation
npx skills add ibelick/ui-skillsFührt das Vercel skills CLI (skills.sh) via npx aus — benötigt Node.js lokal und mindestens einen installierten skills-kompatiblen Agent (Claude Code, Cursor, Codex, …). Setzt voraus, dass das Repo dem agentskills.io-Format folgt.
Qualitätspunktzahl
VerifiziertVertrauenssignale
Ähnliche Erweiterungen
A11y Audit
100Accessibility audit covering WCAG 2.2, contrast, focus, keyboard, screen reader, touch targets
Design Audit
100Full project design audit that orchestrates all agents, scores across 12 dimensions, generates prioritized action plan
Review Ux Ui
99Review user experience and interface design using Nielsen's heuristics, WCAG 2.1 accessibility guidelines, keyboard and screen reader audit, user flow analysis, cognitive load assessment, and form usability evaluation. Use when conducting a usability review before release, assessing WCAG 2.1 accessibility compliance, evaluating user flows for efficiency, reviewing form design, or performing a heuristic evaluation of an existing interface.
Epic Design
99Build immersive, cinematic 2.5D interactive websites using scroll storytelling, parallax depth, text animations, and premium scroll effects — no WebGL required. Use this skill for any web design task: landing pages, product sites, hero sections, scroll animations, parallax, sticky sections, section overlaps, floating products between sections, clip-path reveals, text that flies in from sides, words that light up on scroll, curtain drops, iris opens, card stacks, bleed typography, and any site that should feel cinematic or premium. Trigger on phrases like "make it feel alive", "Apple-style animation", "sections that overlap", "product rises between sections", "immersive", "scrollytelling", or any scroll-driven visual effect. Covers 45+ techniques across 8 categories. Always inspects, judges, and plans assets before coding. Use aggressively for ANY web design task.
Screen Reader Testing
98Test web applications with screen readers including VoiceOver, NVDA, and JAWS. Use when validating screen reader compatibility, debugging accessibility issues, or ensuring assistive technology support.
Web Coder
98Expert 10x engineer with comprehensive knowledge of web development, internet protocols, and web standards. Use when working with HTML, CSS, JavaScript, web APIs, HTTP/HTTPS, web security, performance optimization, accessibility, or any web/internet concepts. Specializes in translating web terminology accurately and implementing modern web standards across frontend and backend development.