Grapesjs A11Y Seo — Accessibility auditor + SEO for GrapesJS
Was enthalten ist
- Kostenlos heruntergeladen und nutzbar
- GrapesJS Studio-kompatibel
- Offen für den privaten und gewerblichen Gebrauch
Unterstützt den Schöpfer
Nutzen Sie einmalige oder monatliche Unterstützung, um dem Ersteller für dieses kostenlose Produkt zu danken.
GrapesJS-kompatibel
Getestet mit GrapesJS 0.23.x, 0.22.x, 0.21.x
Open Source auf GitHub
Kostenlos zu nutzen, zu forken und beizutragen
Studiobereit
Vollständig kompatibel mit GrapesJS Studio
Kostenlos zu verwenden
Offen für private und kommerzielle Projekte
Lighthouse für GrapesJS – ein Live-Accessibility-Auditor (WCAG 2.1/2.2) undSEO-Metadaten-Manager, direkt im Editor.
Jede Barrierefreiheitsfindung ist an die exakte GrapesJS-Komponente gebunden: Klicken Sie darauf, und die Komponente wird ausgewählt, in die Ansicht gescrollt und auf der Leinwand markiert – mit einem Schnell-Klick-Fix über die Komponenten-API, bei der die Korrektur eindeutig ist. Der SEO-Tab verwaltet die Metadaten pro Seite mit Live-Vorschauen von Google / Open Graph / Twitter, einer Checkliste, JSON-LD und vollständigem<head> Export.sitemap.xml
Keine Laufzeitabhängigkeiten im Browser (axe-core ist ein optionaler Peer).
Barrierefreiheitsprüfer
- 15 eingebaute Regeln: Alt-Text, Farbkontrast, Überschriften, Linknamen, Formularbeschriftungen, ARIA-Gültigkeit, Landmarks, Tabindex, Zielgröße, Medienunterschriften, iframe-Titel, doppelte IDs, Tabellenstruktur, Dokumentensprache, Schriftgröße.
- Ergebnisse, die an die Komponente gebunden sind – auswählen / scrollen / hervorheben auf der Leinwand.
- Ein-Klick-Schnelllösungen (unmöglich) + "Alles sicher beheben" als einziger Rückgängigkeitsschritt.
- Schweregrads-Badges im Layer Manager, "Hervorhebungsprobleme"-Overlay, Fokus-Order-Visualisator und Barrierefreiheitsbaum.
- Basis- / "Wird nicht reparieren"-Unterstützung, mit dem Projekt gespeichert.
- Optionale Axe-Core-Engine für 100% Regelabdeckung.
SEO-Manager
- Metadaten pro Seite: Titel, Beschreibung, kanonisch, Roboter, Fokus-Schlüsselwort, Open Graph, Twitter, Favicon.
- Live-Vorschauen: Google SERP (echte Pixelbreiten-Abkürzung), Open Graph & Twitter-Karten.
- SEO-Checkliste + JSON-LD (Artikel, Produkt, Organisation, BreadcrumbList, FAQPage, Webseite).
- Export:
getHeadHtml(),renderPage(),.getSitemap()
Extras
- Arbeitet mit einfachen GrapesJS und GrapesJS Studio.
- Mehrseitiges Audit + SEO-pro Seite.
- CI-Modus:
npx grapesjs-a11y-seo-ci ./dist/*.html(kopflos, nicht null Ausstieg bei Fehlern). - i18n: en / ru / es Bündel, vollständig übersteuerbar.
- TypeScript-Typen enthalten. MIT-Lizenz.
Bewertungen:
Noch keine Bewertungen. Sei der Erste, der deine Erfahrung teilt.
Fragen & Antworten
Noch keine Fragen. Hast du etwas zu fragen?
Häufige Probleme, bei denen dieses Plugin helfen kann, zu beheben
Echte Community-Fragen zum gleichen Thema – sehen Sie, wie andere damit umgegangen sind.
- #6668💬 2-Antworten
Der zugängliche Name ist für iframe in Windows nicht definiert.
- #6646💬 3-Antworten
JavaScript-Fehler, wenn ich Füllmaterial hinzufügen möchte
- #6634💬 3-Antworten
Barrierefreiheitsfehler
- #5829💬 3-Antworten
Uncaught TypeError: __webpack_require__.r ist keine Funktion bei ./node_modules/grapesjs/dist/grapes.mjs (grapes.mjs:1:1) bei __webpack_require__ (bootstrap:789:1) bei fn (bootstrap:150:1) bei ./src/Demo/Templates/TextEditor.js (Templates.js:31:1) bei __webpack_require__ (bootstrap:789:1) bei fn (bootstrap:150:1) bei ./src/Demo/Templates/Templates.js (Templates.css:45:1) bei __webpack_require__ (bootstrap:789:1) bei fn (bootstrap:150:1)