Scansione con axe DevTools e Lighthouse
Eseguire audit rapidi direttamente nel browser
Scansione con axe DevTools e Lighthouse è una lezione Web Accessibility Academy gratuita su CoddyKit. Questa è la lezione 2 di 4. Puoi leggere la lezione completa qui gratuitamente — poi esercitati direttamente nel browser con un editor di codice integrato e un tutor IA disponibile 24/7. Fa parte del percorso di apprendimento Web Accessibility Academy, e i tuoi progressi si sincronizzano tra il web e l'app CoddyKit. Il corso Web Accessibility Academy include 4 lezioni in totale.
Parti di questa lezione non sono ancora state tradotte e vengono mostrate in inglese.
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. 🔍
Domande Frequenti
La lezione «Scansione con axe DevTools e Lighthouse» è gratuita?
Sì — il testo completo di «Scansione con axe DevTools e Lighthouse» è gratuito qui sul web. Per esercitarvi in modo interattivo (un editor di codice integrato e un tutor IA 24/7) e sbloccare il resto del corso Web Accessibility Academy, passa a CoddyKit PRO. Il corso Web Accessibility Academy include 4 lezioni in totale.
Cosa imparerò in «Scansione con axe DevTools e Lighthouse»?
Eseguire audit rapidi direttamente nel browser Eserciti Web Accessibility Academy con codice pratico che esegui direttamente nel browser, e un tutor IA 24/7 risponde alle tue domande mentre lavori sulla lezione.
Ho bisogno di esperienza per iniziare Web Accessibility Academy?
Non è richiesta alcuna esperienza precedente. Web Accessibility Academy su CoddyKit è strutturato per principianti e studenti avanzati, quindi puoi iniziare da qui o dall'inizio e procedere al tuo ritmo. Questa è la lezione 2 di 4.
Quanto tempo richiede la lezione «Scansione con axe DevTools e Lighthouse»?
La maggior parte delle lezioni CoddyKit richiede circa 5–10 minuti. Ogni lezione è breve e interattiva, quindi fai progressi costanti e riprendi esattamente da dove hai lasciato su web e app.
Posso scrivere ed eseguire codice in questa lezione Web Accessibility Academy?
Sì. Ogni lezione Web Accessibility Academy include un editor di codice integrato, quindi scrivi ed esegui codice reale direttamente nel tuo browser e ricevi feedback istantaneo dall'IA — nessuna configurazione locale necessaria.
Tutte le lezioni di questo corso
- Che cosa l'automazione può e non può rilevare
- Scansione con axe DevTools e Lighthouse
- Integrare axe-core nei test Playwright
- Linting e controlli CI per l'accessibilità