Mostra il testo alternativo delle immagini
Evidenzia le immagini e segnala il testo alternativo mancante per facilitare i controlli di accessibilità.
Codice da copiare
/* Outline images and surface their alt text as a tooltip-style label. */
img {
outline: 1px dashed rgba(0, 120, 215, 0.7);
}
img:not([alt]),
img[alt=""] {
outline: 2px solid #d33;
}
img[alt]:not([alt=""])::after {
content: attr(alt);
}Come usare questo esempio
- Copia il codice con il pulsante qui sopra.
- Installa JustZix (2 minuti) e apri l'estensione sulla pagina di destinazione.
- Aggiungi una nuova regola corrispondente a quella pagina.
- Incolla il codice nel pannello CSS della regola e salva — l'effetto appare subito.
Valuta questo esempio
Nessuna valutazione — sii il primo.