Accessibility
Le tecnologie assistive, come gli screen reader, non sono in grado di fornire informazioni su un pulsante se questo non ha un nome accessibile; pertanto lo chiamano solamente "pulsante".
Quando un pulsante non ha un contenuto testuale o una proprietà aria-label, SeoChecker lo segnalerà.
Utilizzate una CTA chiara e precisa quando create un contenuto testuale per il button:
<button> Shop now </button>
Utilizzare l'attributo aria-label per descrivere il pulsante quando la label non è visibile:
<!DOCTYPE html> <html lang="en"> <head> <title>Accessible icon button demo</title> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="/style.css"> <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> </head> <body> <h1>Accessible icon button demo</h1> <button class="btn" aria-label="Left Align"> <span class="material-icons" aria-hidden="true">format_align_left</span> </button> <button class="btn" aria-label="Center Align"> <span class="material-icons" aria-hidden="true">format_align_center</span> </button> <button class="btn" aria-label="Right Align"> <span class="material-icons" aria-hidden="true">format_align_right</span> </button> <button class="btn" aria-label="Justify"> <span class="material-icons" aria-hidden="true">format_align_justify</span> </button> </body> </html>
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 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.
Server and proxy
Recupera lo status code del server remoto e gli header. Ottienilo status code HTTP, le informazioni sugli Header, il controllo della cache e i dati da un determinato URL.
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.
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.
Strumento di ricerca per geolocalizzazione di indirizzi IP e nomi di dominio. Geolocalizzazione IPv4, IPv6 e nome di dominio.Database accurato per la ricerca di IP e nomi di dominio.
Images Social
Ottieni le anteprime dei video di YouTube e dati informativi. Recupera l’immagine di anteprima del video di YouTube in 9 diverse dimensioni, qualità, didascalia, descrizione e altro ancora.
Converters
Converti istantaneamente i codici colore da HEX (esadecimale) a RGB (rosso, verde, blu) e viceversa. Inserisci il colore e provalo gratuitamente.
Builders and generators Google
Scegli un tema per la mappa o crea la tua Google map personalizzata. Personalizza le mappe con la tua creatività, con impostazioni, stili e colori.