← Torna alle funzionalità
Pro

Ispettore accessibilità

Esegue controlli automatici WCAG 2.1 Level AA e produce un report categorizzato dei problemi.

L'accessibilità web non è opzionale — è un requisito legale. L'Ispettore rende visibili automaticamente questi problemi invisibili.

Anteprima dal vivo
example.com/app
Accessibility Audit
3 Errors5 Warnings12 Passed
Missing alt text on 3 images
Images must have an alt attribute for screen readers. Show elements →
Contrast ratio too low (2.1:1)
Text on .hero-subtitle fails WCAG AA (minimum 4.5:1). Show element →
Form input missing label
input#email has no associated label element. Show element →
Missing landmark regions
Page lacks main and nav landmark elements. Learn more →
12 checks passed
Language attribute, heading hierarchy, link text, focus indicators...
Caratteristiche principali

Controlli WCAG 2.1 Level AA

Controlli automatici contro i criteri di successo WCAG con risultati passa/fallisce.

Analisi rapporto di contrasto

Calcola il rapporto di contrasto testo-sfondo per ogni elemento di testo.

Audit alt text immagini

Scansiona tutte le immagini e segnala attributi alt mancanti o generici.

ARIA e HTML semantico

Rileva uso improprio di ruoli ARIA, attributi mancanti e landmark assenti.

Verifica label form

Verifica che ogni input abbia un label associato.

Categorizzazione e priorità

Errori (rosso), Avvisi (giallo) e Superati (verde) con conteggio errori in evidenza.

Casi d'uso comuni

Audit pre-lancio

Prima del lancio, trova problemi facili da correggere in sviluppo.

Conformità legale

Molte giurisdizioni richiedono WCAG 2.1 AA. Scansiona per trovare lacune.

Integrazione QA

Includi i controlli di accessibilità nel processo QA.

Formazione del team

Esegui l'ispettore in una riunione per mostrare problemi reali al team.

Audit contenuti terze parti

Widget e contenuti embedded spesso introducono problemi di accessibilità.

Come usare
1

Attiva l'Ispettore

Apri il dock e clicca l'icona.

2

Visualizza il report

Report categorizzato con Errori, Avvisi e Superati.

3

Clicca per evidenziare

Clicca su qualsiasi problema per evidenziare l'elemento sulla pagina.

4

Leggi le raccomandazioni

Ogni problema include una raccomandazione specifica per la correzione.

5

Correggi e riscansiona

Applica correzioni, ricarica e riesegui l'audit.

Pronto a provare? Ispettore accessibilità?

Installa DevSuite Pro gratuitamente e sblocca più di 39 strumenti per sviluppatori per il tuo browser.

Aggiungi a Chrome Aggiungi a Edge Aggiungi a FireFox