Grapesjs A11Y Seo — Accessibility auditor + SEO for GrapesJS
Lo que incluye
- Gratis para descargar y usar
- GrapesJS Studio compatible
- Abierto para uso personal y comercial
Apoya a The Creator
Utiliza el apoyo puntual o mensual para agradecer al creador este producto gratuito.
GrapesJS Compatible
Probado con GrapesJS 0.23.x, 0.22.x, 0.21.x
Código abierto en GitHub
Gratis para usar, bifurcar y contribuir
Listo para el estudio
Totalmente compatible con GrapesJS Studio
Gratis para usar
Abierto a proyectos personales y comerciales
Lighthouse for GrapesJS— un auditor de accesibilidad en tiempo real (WCAG 2.1/2.2) yun gestor de metadatos SEO, justo dentro del editor.
Cada hallazgo de accesibilidad está vinculado al componente exacto de GrapesJS: haz clic en él y el componente se selecciona, se desplaza hasta la vista y se resalta en el lienzo — con una solución rápida de un solo clic a través de la API de componentes donde la solución es inequívoca. La pestaña de SEO gestiona metadatos por página con previsualizaciones en tiempo real de Google / Open Graph / Twitter, una lista de comprobación, JSON-LD y full<head>/sitemap.xmlexport.
Cero dependencias en tiempo de ejecución en el navegador (axe-core es un par opcional).
Auditor de accesibilidad
- 15 reglas integradas: texto alternativo, contraste de color, encabezados, nombres de enlaces, etiquetas de formularios, validez ARIA, puntos de referencia, tabindex, tamaño objetivo, pies de foto multimedia, títulos iframe, identificadores duplicados, estructura de tablas, lenguaje del documento, tamaño de fuente.
- Hallazgos vinculados al componente — seleccionar / desplazarse / resaltar en el lienzo.
- Soluciones rápidas con un solo clic (imposibles de hacer) + "Arreglar todo lo seguro" como un solo paso para deshacer.
- Insignias de severidad en el Gestor de Capas, superposición de "Problemas de resaltado", visualizador de orden de enfoque y árbol de accesibilidad.
- Soporte base / "No se arreglará", guardado junto con el proyecto.
- Motor axial opcional para cubrir reglas al 100%.
Responsable SEO
- Metadatos por página: título, descripción, canónico, robots, palabra clave de enfoque, Open Graph, Twitter, favicon.
- Avances en directo: Google SERP (truncamiento real de ancho de píxel), Open Graph y tarjetas de Twitter.
- Lista de verificación SEO + JSON-LD (Artículo, Producto, Organización, BreadcrumbList, FAQPage, Webweb).
- Exportación:
getHeadHtml(),renderPage(),getSitemap().
Extras
- Funciona con GrapesJS y GrapesJS Studio simples.
- Auditoría multipágina + SEO por página.
- Modo CI:
npx grapesjs-a11y-seo-ci ./dist/*.html(cabeza sin cabeza, salida no nula en caso de fallos). - i18n: paquetes en / ru / es, totalmente anulables.
- Incluidos los tipos de TypeScript. Licencia del MIT.
Valoraciones:
Todavía no hay reseñas. Sé el primero en compartir tu experiencia.
Preguntas y respuestas
Aún no hay preguntas. ¿Tienes algo que preguntar?
Problemas comunes que este plugin puede ayudar a solucionar
Preguntas reales de la comunidad sobre el mismo tema — mira cómo otros se adaptaron a ellas.
- #6634💬 3 responde
Errores de accesibilidad
- #654✓ Resuelto · 3
Revisión de Necesidades de Accesibilidad
- #2390💬 1 responde
Accesibilidad - El usuario de teclado no puede acceder a las descripciones emergentes que se muestran con el ratón, pasa el cursor en el editor de Grape pero no aparecen en la navegación de pestañas