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ù
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
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.
Converti istantaneamente i codici colore da HEX (esadecimale) a RGB (rosso, verde, blu) e viceversa. Inserisci il colore e provalo gratuitamente.
Invia le metriche dei web vitals ad Analytics per monitorarle in modo performante. Misura e invia i Google Core Web Vitals al tuo account Analytics.
Crea il tuo codice a barre personalizzato in oltre 70 formati. Scegli dati, formati e colori e ottieni il tuo Barcode personalizzato.
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.
Genera l’URL della tua campagna Google per un monitoraggio migliore. Aggiungi parametri UTM e tieni traccia delle campagne personalizzate nell’account Google Analytics.
Converti Timestamp in valore data/ora (o viceversa). Converti timestamp epoch/unix in un valore di data e ora leggibili e viceversa.
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.