Los componentes accesibles no sustituyen las decisiones de aplicación. Core conecta la semántica y el foco documentados; tu aplicación aporta textos útiles, estado y resultados. Esta es una guía de integración, no una declaración de certificación WCAG completa.
Tarea
Qué resuelve Neural
Qué aporta tu aplicación
Button
Activación del botón nativo; estados disabled/loading.
Texto claro, type y ariaLabel para iconOnly.
Input
Asociación de etiqueta, ayuda/error y atributos de validez.
Label, hint, reglas de validación y errorMessage útil.
Dialog
Semántica modal, contención de foco y restoreFocus.
Title, acciones adecuadas y aceptación/rechazo de closeRequested.
Resultado de una acción
El componente emite un evento.
Un resultado visible y una región aria-live cuando proceda.
Visita el campo con Tab. label aporta el nombre y hint proporciona ayuda. Activa Crear proyecto sin un nombre válido para ver errorMessage; Core asocia ese error al input. Escribe un nombre válido y activa el botón de icono para anunciar el resultado.
Button de solo icono utiliza ariaLabel. Conserva la activación nativa por teclado; la aplicación aporta el resultado en aria-live. add es el fallback mínimo de Button, no un catálogo general de iconos.
Abre el ejemplo con teclado, recorre los controles y ciérralo. Core contiene el foco mientras está abierto y lo restaura si restoreFocus lo permite. Tu aplicación aporta title y decide qué hacer con closeRequested. Rechazar la propuesta debe conservar el diálogo y su foco usables.
Comprueba nombres útiles, orden de Tab, foco visible y anuncio del resultado en tu aplicación. Repite con tu tema real y zoom del navegador. Las fichas API concretan las teclas: no presupongas que todos los controles manejan las flechas igual.
