Webhint

Was ist Webhint?

Webhint ist ein Open-Source-Linting-Tool für Webanwendungen, das entwickelt wurde, um Best Practices für Barrierefreiheit, Performance, PWA-Standards, Sicherheit und Cross-Browser-Kompatibilität automatisiert zu prüfen. Das Projekt entstand ursprünglich bei Microsoft unter dem Namen Sonar und wurde als Webhint an die Community übergeben. Als CLI-Tool, Browser-Extension und VS-Code-Extension überprüft Webhint Webseiten gegen eine kuratierte Sammlung von Hints, die auf aktuellen Web-Standards basieren.

Funktionsweise: Hints, Plugins und Konfiguration

Webhint analysiert eine URL oder ein lokales Projekt und gibt strukturiertes Feedback in Form von Hints (Hinweisen) mit Schweregraden und Empfehlungen. Der Benutzer konfiguriert, welche Hint-Kategorien aktiviert werden sollen: accessibility, compat-api (Browser-Kompatibilität), performance, security, pwa oder development. Custom-Hints können via Plugin-API implementiert werden, um projektspezifische Regeln einzuführen. Die Browser-Extension führt Analysen direkt in Chrome oder Firefox durch und zeigt Ergebnisse im DevTools-Panel.

Webhint vs. Lighthouse und axe-core

Lighthouse von Google ist das bekannteste Web-Audit-Tool und deckt Performance, SEO und Accessibility in einer Google-zentrischen Perspektive ab. axe-core ist speziell für Accessibility-Checks optimiert und häufig in CI/CD-Pipelines integriert. Webhint ergänzt diese Tools durch seinen breiteren Scope: Es prüft Browser-Kompatibilität gegen die MDN Compatibility Data, warnt vor veralteten APIs und überprüft HTTP-Header auf Sicherheitskonfigurationen. Webhint eignet sich besonders als ergänzende Qualitätskontrolle in der Entwicklungsphase.

Webhint in Entwicklungs-Workflows

Die VS-Code-Integration von Webhint bietet Echtzeit-Feedback während der Entwicklung: Fehler in HTML-Syntax, fehlende ARIA-Attribute oder unsichere Inline-Skripte werden direkt im Editor hervorgehoben. In CI/CD-Pipelines kann Webhint als automatisierter Qualitätscheck vor Deployments eingesetzt werden. Für Teams, die Web-Standards systematisch einhalten und technische Schulden frühzeitig erkennen möchten, ist Webhint ein praktisches Werkzeug zur Ergänzung bestehender Linting- und Testing-Suites.