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
Tester and validators
Convalida i file Css con il servizio di convalida W3C. Verifica se il markup del vostro Foglio di stile è conforme al W3C.
Images
Carica le tue immagini per ottenere la tavola dei colori dominanti. Ottieni la palette dei colori di tutte le dominanti identificate nell’immagine caricata.
Builders and generators
Crea il tuo codice a barre personalizzato in oltre 70 formati. Scegli dati, formati e colori e ottieni il tuo Barcode personalizzato.
Converters
Converti Timestamp in valore data/ora (o viceversa). Converti timestamp epoch/unix in un valore di data e ora leggibili e viceversa.
Server and proxy Tester and validators
Esegui il controllo del tuo sito e scopri quali pagine mancano del certificato https/ssl.
Content Google
Trova idee per le parole chiave, suggerimenti e punteggio di pertinenza tramite le parole chiave suggerite dalla compilazione automatica di Google.
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 meta tag richiesti e più utili per le tue pagine. Fornisci metadati sul tuo sito web e aiuta i motori di ricerca a fornire contenuti pertinenti.