Accessibility
Non si deve esporre ogni singolo elemento alle tecnologie assistive come gli screen reader: si devono esporre solo quelli rilevanti.
I contenuti fuori schermo possono e devono essere nascosti.
Utilizzate uno screen reader per essere sicuri che il vostro contenuto fuori schermo sia nascosto: non dovrebbe infatti essere in grado di segnalarlo.
Se è necessario nascondere il contenuto fuori schermo, è sufficiente utilizzare visibility: hidden o display: none per rimuovere gli elementi.
.remove-me { visibility: hidden; } <button class="remove-me">Can't reach me with the TAB key!</button>
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 Google
Disegna rettangoli, cerchi, poligoni, linee e forme, imposta stili e colori ottieni coordinate e codice per le tue mappe Google.
Tester and validators
Analizza la velocità di caricamento delle pagine web. Recupera informazioni sull’indice di velocità, latenza, posizionamento del contenuto e altro ancora.
Analytics Google Tracking script
Genera l’URL della tua campagna Google per un monitoraggio migliore. Aggiungi parametri UTM e tieni traccia delle campagne personalizzate nell’account Google Analytics.
Server and proxy
Ottieni il tuo indirizzo IP con geolocalizzazione. Con questo strumento ottieni IP address, informazioni sulla Organizzazione-ISP e dati sulla geolocalizzazione.
Builders and generators
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.
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.
Genera bellissime combinazioni di colori per i tuoi progetti. Ottieni il tuo schema di combinazione analogo, triadico, complementare e così via.
Images
Cattura rapidamente qualsiasi screenshot ed anteprima di una pagina web. Ottieni il rendering delle immagini su desktop e dispositivi mobili e pellicole in miniatura con tempi di caricamento.