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
Images
Ingrandisci, ridimensiona, capovolgi, ruota e ritaglia le tue immagini. Carica e modifica le tue immagini gratuitamente con l’editor di immagini di Seo Checker.
Compressor
Ottimizza e comprimi il tuo codice Javascript, rendi più veloce il tuo sito web e riduci le dimensioni del payload della rete.
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.
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
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.
Converters
Converti il testo in una stringa hash MD5, SHA-1 e Base64. Digita o incolla il testo e ottieni Messade-Digest Algorithm 5, SHA-1 e una stringa hash Base64.
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.
Convalida le tue pagine AMP con questo tool. Testa le tue Accelerated Mobile Pages (AMP) , ottieni rapporti dettagliati e ottimizza le prestazioni.