Accessibility
Nelle pagine Web, è necessario rendere selezionabili i controlli interattivi personalizzati. Ad esempio, se si trasforma un <div> in un menu a tendina utilizzando JavaScript, questa azione non sarà inclusa nell'ordine delle schede per impostazione predefinita: è necessario effettuare un controllo manuale per verificare se tutti i controlli personalizzati sono selezionabili da tastiera.
Basta premere il tasto TAB: in questo modo si può navigare nella pagina e verificare se è possibile o meno raggiungere i controlli interattivi.
Se non è possibile, si deve migliorare la focalizzabilità usando il tabindex.
L'elemento di controllo personalizzato deve essere inserito nell'ordine naturale di tabulazione utilizzando tabindex="0".
<div tabindex="0">Focus me with the TAB key</div>
Per saperne di più Accessibility
Prestazioni SEO sulla pagina e checkup.
Oltre 300 parametri per l'analisi approfondita delle pagine.
Condividi questa Guida.
Ti è piaciuta? Condividila!
Web tools per sviluppatori moderni. Provali!
Generatori, builder e validatori per migliorare le tue performance di ottimizzazione SEO e web
Builders and generators
Calcolatore della griglia di layout: imposta il sistema di griglia, la larghezza della pagina, il margine e le colonne. Progetta il tuo sistema di layout per pagine web, app e design di stampa.
Genera il tuo json per Web App Manifest e migliora i dati del sito. Fornisci informazioni sul tuo sito web e consenti agli utenti un accedere rapidamente per un’esperienza migliore.
Tester and validators
Analizza la velocità di caricamento delle pagine web. Recupera informazioni sull’indice di velocità, latenza, posizionamento del contenuto e altro ancora.
Compressor
Strumento minimizzatore CSS. Ottimizza e comprimi il tuo codice CSS, rendi più veloce il tuo sito web e riduci le dimensioni del payload della rete.
Server and proxy
Visualizza e scarica il codice sorgente di qualsiasi sito web. Ottieni il codice sorgente HTML di qualsiasi pagina web online da qualsiasi browser, dispositivo e sistema operativo.
Acquisisci richieste di pagine web e cascata della sequenza temporale. Cattura e analizza rapidamente le richieste di rete della pagina web durante il caricamento della pagina.
Crea i tuoi service worker e arricchisci l’esperienza utente. Trasforma il tuo sito web in una Progressive Web App e arricchisci l’esperienza degli utenti.
Genera icone per web, android, iOs, microsoft e app. Mostra una rappresentazione grafica del tuo sito all’interno della barra degli indirizzi del browser.