Mit axe DevTools und Lighthouse scannen
Führen Sie schnelle Prüfungen direkt im Browser aus.
Mit axe DevTools und Lighthouse scannen ist eine kostenlose Web Accessibility Academy-Lektion auf CoddyKit. Dies ist Lektion 2 von 4. Du kannst die komplette Lektion unten kostenlos lesen – dann übst du sie direkt im Browser mit einem integrierten Code-Editor und einem KI-Tutor rund um die Uhr. Sie ist Teil des Web Accessibility Academy-Lernpfads, und dein Fortschritt wird über Web und CoddyKit-App synchronisiert. Der Web Accessibility Academy-Kurs umfasst insgesamt 4 Lektionen.
Teile dieser Lektion wurden noch nicht übersetzt und werden auf Englisch angezeigt.
Two Tools in Your Browser
You do not need a special setup to start auditing. Both axe DevTools and Lighthouse run right inside Chrome, scanning the page you are already looking at.
Meet axe DevTools
The axe DevTools extension adds a tab to your browser developer tools. One click runs the axe-core engine and lists accessibility issues on the page.
Reading an axe Result
Each finding names the broken rule, shows the exact element, rates the impact, and links to a guide explaining how to fix it. No guessing required.
Highlight the Offending Element
axe DevTools can highlight the failing element right on the page. That makes it obvious which button or image triggered the warning.
Impact Levels Guide Priority
axe tags each issue with an impact level: minor, moderate, serious, or critical. Start with critical and serious to fix the biggest blockers first.
Meet Lighthouse
Lighthouse is built into Chrome DevTools. Its accessibility category also runs axe-core under the hood and gives you a single score out of one hundred.
Running a Lighthouse Audit
Open the Lighthouse panel, tick Accessibility, and click Analyze page load. In seconds you get a score plus a grouped list of failing audits.
The Score Is Not the Goal
A Lighthouse score of one hundred is encouraging, but it only reflects the checks it can automate. Treat it as a floor, never proof of full accessibility.
Lighthouse From the Command Line
You can run Lighthouse outside the browser too. Install it with npm and point it at any URL to generate a shareable report.
npx lighthouse https://example.com --only-categories=accessibilityaxe vs Lighthouse
axe DevTools gives deeper detail and best-practice rules; Lighthouse gives a quick score across many categories. Both share the axe-core engine, so they agree often.
Scan Early and Often
Run a quick scan while you build, not just before release. Catching a missing label now is far cheaper than tracing it back later.
Quick Check
Recall what these two browser tools share.
Recap: One Click to Insight
axe DevTools gives detailed, fixable findings while Lighthouse gives a fast score. Both live in your browser and run axe-core, so scanning early is effortless. 🔍
Häufig gestellte Fragen
Ist die Lektion „Mit axe DevTools und Lighthouse scannen“ kostenlos?
Ja — der vollständige Text von „Mit axe DevTools und Lighthouse scannen“ ist hier im Web kostenlos zu lesen. Um sie interaktiv zu üben (integrierter Code-Editor und 24/7 KI-Tutor) und den Rest des Web Accessibility Academy-Kurses freizuschalten, upgrade auf CoddyKit PRO. Der Web Accessibility Academy-Kurs umfasst insgesamt 4 Lektionen.
Was lerne ich in „Mit axe DevTools und Lighthouse scannen“?
Führen Sie schnelle Prüfungen direkt im Browser aus. Du übst Web Accessibility Academy mit praktischem Code, den du direkt im Browser ausführst, und ein 24/7 KI-Tutor beantwortet deine Fragen während du die Lektion bearbeitest.
Brauche ich Erfahrung, um Web Accessibility Academy zu starten?
Keine Vorkenntnisse erforderlich. Web Accessibility Academy auf CoddyKit ist für Anfänger bis fortgeschrittene Lernende strukturiert, sodass du hier starten oder von Anfang an beginnen und in deinem eigenen Tempo voranschreiten kannst. Dies ist Lektion 2 von 4.
Wie lange dauert die Lektion „Mit axe DevTools und Lighthouse scannen“?
Die meisten CoddyKit-Lektionen dauern etwa 5–10 Minuten. Jede ist kompakt und interaktiv, sodass du stetig Fortschritte machst und genau dort weitermachst, wo du aufgehört hast – im Web und in der App.
Kann ich in dieser Web Accessibility Academy-Lektion Code schreiben und ausführen?
Ja. Jede Web Accessibility Academy-Lektion enthält einen integrierten Code-Editor, sodass du echten Code direkt in deinem Browser schreibst und ausführst und sofort KI-Feedback erhältst — ohne lokale Einrichtung erforderlich.
Alle Lektionen in diesem Kurs
- Was Automatisierung erkennen kann und was nicht
- Mit axe DevTools und Lighthouse scannen
- axe-core in Playwright-Tests integrieren
- Linting und CI-Gates für Barrierefreiheit