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
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.
Builders and generators Social
Trasforma le pagine web in oggetti ad alto impatto sociale e grafico. 25 Tipi di open graph per creare un enorme impatto sul traffico social del tuo sito web.
Social Tester and validators
Ottieni i dati di Facebook e il punteggio dell’engagement tramite l’URL. Recupera i dati open graph, il conteggio delle "condivisioni", il conteggio dei commenti e l’engagement dall’URL.
Builders and generators
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 bellissime combinazioni di colori per i tuoi progetti. Ottieni il tuo schema di combinazione analogo, triadico, complementare e così via.
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.
Google
Scopri in che modo Google calcola i punteggi di performance Web Vitals. Muovi i cursori per capire a quali soglie puntare per ottenere buone prestazioni web.
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.