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
Social Tracking script
Misura e monitora le interazioni degli utenti con i tuoi contenuti. Tieni traccia di tutti gli eventi che desideri: download, clic, riproduzioni video, flussi di pagamento ed engagement.
Tester and validators
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.
Builders and generators Google
Disegna rettangoli, cerchi, poligoni, linee e forme, imposta stili e colori ottieni coordinate e codice per le tue mappe Google.
Analytics Google Tracking script
Crea un URL tracciabile per Analytics e traccia le aperture delle email. Invia la tua e-mail e ottieni dati quando l’utente la apre.
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.
Genera icone per web, android, iOs, microsoft e app. Mostra una rappresentazione grafica del tuo sito all’interno della barra degli indirizzi del browser.
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.
Server and proxy Tester and validators
Esegui il controllo del tuo sito e scopri quali pagine mancano del certificato https/ssl.