Evaluación de accesibilidad · desde tu navegador
Entiende qué falla. Descubre cómo mejorarlo.
Analiza la accesibilidad de una página en un clic. Obtén resultados fáciles de entender, indicaciones técnicas para corregirlos y un informe listo para compartir. Todo desde tu navegador.
Versión 1.7 en desarrollo. Próximamente en la Chrome Web Store.
Por qué la creamos
Una evaluación. Dos maneras de entenderla.
Para quienes toman decisiones
Un resultado lleno de tecnicismos dificulta entender qué ocurre, a quién afecta y por qué conviene mejorarlo.
Para quienes trabajan en el código
Saber que hay un problema no basta. Hace falta localizarlo, conocer el criterio afectado y saber cómo corregirlo.
Una evaluación · 3 hallazgos
| Lo que lee quien decide | Lo que lee quien corrige |
|---|---|
| 3 imágenes sin texto alternativo descriptivo. | 1.1.1 Contenido no textualAimg.hero__foto · +2 |
| 12 textos con contraste insuficiente. | 1.4.3 Contraste (mínimo)AA.footer p · +11 |
| 2 enlaces sin texto descriptivo. | 2.4.4 Propósito del enlaceAa.card__link · +1 |
A11y Primero conecta ambas perspectivas: explica el problema con claridad y ofrece la información necesaria para resolverlo.
Cuatro formas de analizar
Así funciona A11y Primero.
Explora una demostración con datos de ejemplo. Puedes cambiar de pestaña con el ratón o las flechas del teclado.
- 3 imágenes sin texto alternativo descriptivo.
- 12 textos con contraste insuficiente.
- 2 enlaces sin texto descriptivo.
3 incumplimientos detectados
ejemplo.org · 2 evaluaciones
puntos de mejora desde la primera evaluación
Las simulaciones se aplican directamente sobre la página, no sobre una captura de pantalla.
Resumen
Consulta una puntuación de 0 a 100, resultados por categorías y un resumen en lenguaje claro para explicar qué aspectos necesitan atención.
- Cómo se calcula la puntuación
- Estructura 30 % · Imágenes 25 % · Formularios 25 % · Contraste 20 %.
- Resultados basados en datos
- Cada resultado se obtiene a partir de elementos comprobables, como imágenes sin texto alternativo o campos sin etiqueta.
WCAG
Accede al detalle técnico de cada resultado: criterio WCAG, nivel de conformidad, recomendación de mejora y selector CSS del elemento afectado.
- Localiza cada incidencia
- Identifica los elementos afectados directamente sobre la página y comprueba la relación de contraste de cada texto.
- Motor
- axe-core, empaquetado dentro de la extensión.
Historial
Guarda las tres últimas evaluaciones de cada dominio y compara sus resultados para comprobar cómo evoluciona la accesibilidad.
- Mide la evolución
- Demuestra el impacto de las mejoras con datos concretos y compara los cambios en cada categoría.
- Dónde se guarda
- El historial se conserva en el almacenamiento local de Chrome y puedes eliminarlo desde la extensión.
Ver como…
Explora la página con cuatro simulaciones visuales: alto contraste, baja visión, visión borrosa y daltonismo.
- Una ayuda para comprender
- Las simulaciones ayudan a identificar barreras visuales y explicar por qué determinadas mejoras son necesarias.
- Sus límites
- Una simulación facilita la comprensión, pero no reproduce la experiencia real ni sustituye la participación de personas con discapacidad.
Informes listos para compartir
Del análisis al informe, en un clic.
- Información completa y ordenada. Puntuación general, resultados por categorías, resumen en lenguaje claro, estructura de encabezados y criterios WCAG afectados.
- Evolución de los resultados. Si existen evaluaciones anteriores del mismo dominio, el informe incluye una comparativa.
- Generado en tu navegador. El informe se crea de forma local, sin enviar los datos de la página a servidores externos.
Lo que conviene saber
La accesibilidad no se resuelve con un clic.
- No sustituye una auditoría completa. Las comprobaciones automáticas detectan una parte de las barreras. Una evaluación completa requiere revisión humana y contexto.
- La revisión manual sigue siendo necesaria. La navegación con teclado, los lectores de pantalla y la experiencia de las personas usuarias no pueden evaluarse únicamente de forma automática.
- No interpreta la calidad del contenido. Puede comprobar si una imagen tiene texto alternativo, pero no determinar siempre si su descripción resulta adecuada.
- No modifica tu página. Identifica posibles barreras y orienta sobre cómo corregirlas, sin añadir widgets ni alterar el contenido.
Una herramienta útil no promete resolverlo todo: te ayuda a saber por dónde empezar.
Privacidad y funcionamiento
Tus datos se quedan en tu navegador.
- Sin registro ni servidores externos. El análisis se realiza en tu navegador y las direcciones evaluadas permanecen en tu equipo.
- Sin descargas adicionales. Las herramientas de análisis y generación de informes forman parte de la extensión.
- Solo los permisos necesarios. Acceso a la pestaña activa durante la evaluación y almacenamiento local para guardar el historial.
- Disponible en tres idiomas. Castellano, catalán e inglés, según el idioma configurado en Chrome.
- Limitaciones del navegador. Algunas páginas protegidas de Chrome y ciertos sitios con políticas de seguridad restrictivas no permiten el análisis. La extensión te informa cuando ocurre.
Estado
Versión 1.7, en desarrollo.
Ya la utilizamos en nuestro estudio y seguimos mejorándola antes de su publicación.
- AhoraEvaluaciones automáticas, informes PDF, historial comparativo y tres idiomas disponibles.
- DespuésInformes personalizables con el logotipo de cada organización o profesional.
- DespuésExportación de selectores CSS para agilizar la corrección de incidencias.
- DespuésPublicación en la Chrome Web Store.
¿Quieres saber cuándo estará disponible?
Déjanos un mensaje y te avisaremos cuando A11y Primero se publique en la Chrome Web Store. Sin boletines ni comunicaciones adicionales.