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
Converters
Converti Timestamp in valore data/ora (o viceversa). Converti timestamp epoch/unix in un valore di data e ora leggibili e viceversa.
Tester and validators
Controlla il rapporto di contrasto colori WCAG 2 AA delle tue pagine. Controlla se la tua combinazione di colori soddisfa le soglie del rapporto di contrasto WCAG 2 AA.
Metti alla prova la tua web progressive app. Controlla le prestazioni della tua PWA e inizia a costruire app di alta qualità, accattivanti, veloci e adattabili a tutti i dispositivi.
Converti istantaneamente codici colore da RGB (rosso, verde, blu) a schemi di colori HEX (esadecimale) e viceversa. Inserisci il colore e provalo gratuitamente.
Compressor
Ottimizza e comprimi il tuo codice Javascript, rendi più veloce il tuo sito web e riduci le dimensioni del payload della rete.
Verifica gli Structured data delle tue pagine web. Verifica la conformità dei tuoi Structured data json-ld e migliora la tua SEO.
Analizza la velocità di caricamento delle pagine web. Recupera informazioni sull’indice di velocità, latenza, posizionamento del contenuto e altro ancora.
Server and proxy
Recupera lo status code del server remoto e gli header. Ottienilo status code HTTP, le informazioni sugli Header, il controllo della cache e i dati da un determinato URL.