Kit de Herramientas de Color y Accesibilidad
Imágenes y diseño Solo local
Verificador de Accesibilidad Web y Guía de Reparación
Auditoría local de los núcleos de hachaAudita HTML local con axe-core, inspecciona hallazgos WCAG, compara líneas base y planifica reparaciones prácticas.
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Nobuf accessibility review sample</title>
<style>body{font-family:sans-serif;padding:2rem;color:#999;background:#fff}.card{padding:1rem;border:1px solid #ddd}</style>
</head>
<body>
<h1>Account</h1>
<h3>Profile settings</h3>
<main class="card">
<img src="https://tracker.example/avatar.png">
<p><a href="#"></a></p>
<input type="email" placeholder="Email address">
<button aria-labeledby="missing">Save</button>
</main>
</body>
</html>Previsualización local sanitizada
Scripts y cargas remotas bloqueadasCómo usarla
- 01
Carga HTML en una vista previa segura
Pegar o abrir HTML delimitado; los recursos activos y remotos se eliminan antes de renderizar en un iframe de origen mismo de sandboxed.
- 02
Realizar una auditoría de accesibilidad
Ejecute etiquetas de núcleo de hacha WCAG seleccionadas, infrinja los filtros y revise los resultados de las necesidades, e inspeccione objetivos exactos, resúmenes de fallos y guía de reparación.
- 03
Verificar los progresos e informar
Revise la estructura del documento y los avisos de prueba manual, guarde una base de referencia, compare las repeticiones y exporte pruebas JSON o Markdown.
Preguntas frecuentes
¿Esto prueba la conformidad de WCAG?
No. Las pruebas automatizadas detectan sólo una parte de las barreras de accesibilidad. La conformidad también requiere la revisión de expertos, pruebas de teclado, tecnología de asistencia y juicio de contenido.
¿Se arrastra una URL pública?
No. Una página estática de Cloudflare Pages no puede eludir con seguridad las restricciones de origen cruzado. Esta herramienta audita HTML pegado o local en una vista previa controlada.
¿Por qué se revisan algunos resultados?
axe-core devuelve comprobaciones incompletas cuando se necesita juicio humano o falta contexto. El comprobador las mantiene separadas de las infracciones automatizadas confirmadas.
¿Qué reglas están disponibles?
Los presets cubren las etiquetas axe-core WCAG 2.x/2.2.2 A y AA o los cheques de mejores prácticas.
Herramientas relacionadas
Continúa con otras utilidades web específicas.