← 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
Audit di accessibilità
3 Errori5 Avvisi12 Superati
Testo alternativo mancante su 3 immagini
Le immagini devono avere un attributo alt per gli screen reader. Mostra elementi →
Rapporto di contrasto troppo basso (2.1:1)
Il testo su .hero-subtitle fallisce WCAG AA (minimo 4.5:1). Mostra elemento →
Input del modulo senza etichetta
input#email non ha un elemento label associato. Mostra elemento →
Regioni di riferimento mancanti
La pagina manca degli elementi di riferimento main e nav. Scopri di più →
12 controlli superati
Attributo lingua, gerarchia intestazioni, testo link, indicatori di focus...
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?

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

Aggiungi a Chrome Aggiungi a Edge Aggiungi a FireFox