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
Builders and generators
Genera file htaccess ricco di funzioni: riscrittura www, prevenzione hotlink, pagine di errore personalizzate, regole di cache e reindirizzamenti.
Tester and validators
Tramite questo tool di rilevamento dei temi di Wordpress, scopri le caratteristiche del tema utilizzato.
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.
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.
Analytics Google Tracking script
Misura e monitora le interazioni degli utenti con i tuoi contenuti. Tieni traccia di tutte le azioni che desideri: download, clic, riproduzioni video, condivisione sui social ed engagement.
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.
Builders and generators Social
Trasforma le pagine web in oggetti ad alto impatto sociale e grafico. 25 Tipi di open graph per creare un enorme impatto sul traffico social del tuo sito web.
Genera bellissime combinazioni di colori per i tuoi progetti. Ottieni il tuo schema di combinazione analogo, triadico, complementare e così via.