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
Content Google
Trova idee per le parole chiave, suggerimenti e punteggio di pertinenza tramite le parole chiave suggerite dalla compilazione automatica di Google.
Images Social
Ottieni anteprime dei video Vimeo e set di dati informativi. Recupera l’immagine di anteprima del video Vimeo, la didascalia, la descrizione, le informazioni sull’utente e le statistiche.
Builders and generators
Genera icone per web, android, iOs, microsoft e app. Mostra una rappresentazione grafica del tuo sito all’interno della barra degli indirizzi del browser.
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.
Genera il tuo json per Web App Manifest e migliora i dati del sito. Fornisci informazioni sul tuo sito web e consenti agli utenti un accedere rapidamente per un’esperienza migliore.
Genera Structured Data in json-ld e migliora la tua SEO. Migliora il tuo aspetto nella Ricerca Google con i risultati rich snippet.
Tester and validators
Acquisisci richieste di pagine web e cascata della sequenza temporale. Cattura e analizza rapidamente le richieste di rete della pagina web durante il caricamento della pagina.
Builders and generators Google
Disegna rettangoli, cerchi, poligoni, linee e forme, imposta stili e colori ottieni coordinate e codice per le tue mappe Google.