Ir al contenido
↑↓navegar↵abriresccerrar
Claude+372Whisper+228LangChain+168Codex+223NotebookLM+276DALL-E 3+192DeepL+249n8n+208Topaz Video AI+153LlamaIndex+161
Better Accessibility logo
Habilidad

Better Accessibility

Crea interfaces accesibles con teclado y lectores de pantalla

0
GuardarVisitar sitio web ↗

Instalación

Se activa con

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

Descripción general

La ingeniería de accesibilidad garantiza que el software funcione para todas las personas, incluidas quienes solo usan el teclado, dependen de lectores de pantalla o ajustan el zoom y las preferencias de movimiento. Esta habilidad ofrece métodos estructurados para crear y revisar componentes accesibles.

Aspectos destacados

  • Prioriza los elementos HTML semánticos y añade ARIA personalizado solo cuando sea necesario
  • Implementa indicadores de foco visibles y navegación mediante teclado en todos los componentes
  • Realiza pruebas con interacciones reales de teclado y software lector de pantalla
  • Establece áreas táctiles mínimas de 44 × 44 píxeles y objetivos visibles de 24 × 24 píxeles
  • Admite el aumento del tamaño del texto hasta el 200 % y respeta la configuración prefers-reduced-motion
  • Crea regiones dinámicas para anunciar cambios de contenido
  • Utiliza texto alternativo de forma estratégica en imágenes e iconos funcionales
  • Verifica que los formularios tengan etiquetas, mensajes de error y tiempos de validación adecuados

Para quién

Desarrolladores que crean o auditan interfaces web y de aplicaciones. Utilízala al implementar componentes nuevos, atender informes de accesibilidad o preparar revisiones de cumplimiento. Funciona junto con el diseño visual y las bibliotecas de componentes para detectar pronto las carencias de accesibilidad.

Comentarios(0)

Inicia sesión para comentar

Aún no hay comentarios. Sé el primero.

Habilidades similares

Denunciar este comentario

¿Por qué quieres denunciarlo?