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
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.
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.
Google Server and proxy
Scopri la data e l’ora esatta in cui la tua pagina web è stata memorizzata nella cache dal crawler di Google tramite Google Cache Status Checker.
Server and proxy
Ottieni il tuo indirizzo IP con geolocalizzazione. Con questo strumento ottieni IP address, informazioni sulla Organizzazione-ISP e dati sulla geolocalizzazione.
Google
Tieni traccia della posizione del tuo sito nei risultati di ricerca di Google per parole chiave, paesi e lingue specifici. Scopri la tua posizione per parole chiave specifiche.
Analizza la velocità di caricamento delle pagine web. Recupera informazioni sull’indice di velocità, latenza, posizionamento del contenuto e altro ancora.
Analytics Google Tracking script
Genera URL per la misurazione della campagna iOS. Usa questo strumento gratuito per generare URL per misurare l’origine delle installazioni di applicazioni iOS.
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.