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
Genera bellissime combinazioni di colori per i tuoi progetti. Ottieni il tuo schema di combinazione analogo, triadico, complementare e così via.
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.
Content
Ottieni conteggi e densità di parole chiave dai tuoi contenuti. Questo strumento fornisce la convalida dei tuoi contenuti sui social network con un solo click.
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.
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 file htaccess ricco di funzioni: riscrittura www, prevenzione hotlink, pagine di errore personalizzate, regole di cache e reindirizzamenti.
Genera Structured Data in json-ld e migliora la tua SEO. Migliora il tuo aspetto nella Ricerca Google con i risultati rich snippet.
Convalida i file Css con il servizio di convalida W3C. Verifica se il markup del vostro Foglio di stile è conforme al W3C.