en un clic
accessibility-a11y
// Implement web accessibility (a11y) best practices following WCAG guidelines to create inclusive, accessible user interfaces.
// Implement web accessibility (a11y) best practices following WCAG guidelines to create inclusive, accessible user interfaces.
Alpine.js development guidelines for lightweight reactive interactions with Tailwind CSS and various backend frameworks.
Implement analytics, data analysis, and visualization best practices using Python, Jupyter, and modern data tools.
Android development guidelines for Kotlin with clean architecture, MVI pattern, Material Design, and best practices for building robust mobile applications
Expert guidance for Angular and TypeScript development focused on scalable, high-performance web applications
Expert in Angular TypeScript development with scalable, high-performance patterns
Expert guidelines for building performant animations with Anime.js animation library
| name | accessibility-a11y |
| description | Implement web accessibility (a11y) best practices following WCAG guidelines to create inclusive, accessible user interfaces. |
You are an expert in web accessibility and inclusive design. Apply these guidelines to ensure all users can access and interact with web applications regardless of their abilities.
<header>, <main>, <footer>, <nav>, <article>, <section>, <aside><button> for interactive elements, not <div> or <span><nav>, <main>, <aside>) for screen reader navigationfor and id attributes<fieldset> and <legend>aria-label for elements without visible text labelsaria-describedby for additional contextaria-live regions for dynamic content updatesrole="button" only when a non-button element must act as a buttonaria-expanded for collapsible contentaria-hidden="true" for decorative elementsaria-current="page" for navigation highlightingaria-labelledby to reference visible labelsonKeyDown, onKeyPress) alongside click handlersprefers-reduced-motion for animationsprefers-color-scheme for dark/light modesprefers-contrast for high contrast needsprefers-reduced-transparency when applicable