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
Analytics Google Tracking script
Crea un URL tracciabile per Analytics e traccia le aperture delle email. Invia la tua e-mail e ottieni dati quando l’utente la apre.
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.
Server and proxy Tester and validators
Scopri come sono costruiti i siti web. Rileva la tecnologia, il framework ed il CMS in uso.
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.
Tester and validators
Testa le metriche, il punteggio e la diagnostica dei web vitals. Misura Google Core Web Vitals LCP, FID, CLS, TTFB, FCP, TTI, TBT e molto altro.
Analizza la velocità di caricamento delle pagine web. Recupera informazioni sull’indice di velocità, latenza, posizionamento del contenuto e altro ancora.
Esegui il controllo del tuo sito e scopri quali pagine mancano del certificato https/ssl.
Converters
Converti bit, byte, kilobyte, megabyte, gigabyte, terabyte e così via. Imposta il numero e scegli l’unità da convertire. Provalo gratuitamente.